new function () {
    if (!window.CONF) window.CONF = {};

    xui.merge(window.CONF, {
        items: [{id: 'a', caption: 'item 1', imageClass: 'xui-icon-number1'}, {
            id: 'b',
            caption: 'item 2',
            imageClass: 'xui-icon-number2'
        }, {id: 'c', caption: 'item 3', imageClass: 'xui-icon-number3'}, {
            id: 'd',
            caption: 'item 4',
            imageClass: 'xui-icon-number4',
            disabled: true
        }],
        items2: [{id: 'a', caption: 'status 1'}, {id: 'b', caption: 'status 2'}, {
            id: 'c',
            caption: 'status 3'
        }, {id: 'd', caption: 'status 4'}],
        items3: [{id: 'a', caption: 'page1', imageClass: CONF.img_class}, {id: 'b', caption: 'page2'}, {
            id: 'c',
            caption: 'page3'
        }, {id: 'd', caption: 'page4', closeBtn: true, optBtn: 'xui-uicmd-opt', popBtn: true}],

        FCPie: {
            "chart": {
                "caption": "Monthly Sales Summary",
                "subcaption": "For the year 2006",
                "xaxisname": "Month",
                "yaxisname": "Sales",
                "numberprefix": "$",
                "useroundedges": "1",
                "bgcolor": "FFFFFF,FFFFFF",
                "showborder": "0",
                "enablerotation": "0"
            },
            "data": [{"label": "January", "value": "17400"}, {"label": "February", "value": "19800"}, {
                "label": "March",
                "value": "21800"
            }, {"label": "April", "value": "23800"}, {"label": "May", "value": "29600"}, {
                "label": "June",
                "value": "27600"
            }]
        },
        FCsingle: {
            "chart": {
                "caption": "Monthly Sales Summary",
                "subcaption": "For the year 2006",
                "xaxisname": "Month",
                "yaxisname": "Sales",
                "numberprefix": "$",
                "useroundedges": "1",
                "bgcolor": "FFFFFF,FFFFFF",
                "showborder": "0",
                "rotatevalues": "1"
            },
            "data": [{"label": "January", "value": "17400"}, {
                "vline": "1",
                "color": "FF5904",
                "thickness": "2"
            }, {"label": "February", "value": "19800"}, {"label": "March", "value": "21800"}, {
                "label": "April",
                "value": "23800"
            }, {"label": "May", "value": "29600"}, {"label": "June", "value": "27600"}],
            "trendlines": [{"line": [{"startvalue": "22000", "color": "00cc00", "displayvalue": "Average"}]}]
        },
        FCmulti: {
            "chart": {
                "caption": "Business Results 2005 v 2006",
                "xaxisname": "Month",
                "yaxisname": "Revenue",
                "showvalues": "0",
                "numberprefix": "$",
                "useroundedges": "1"
            },
            "categories": [{
                "category": [{"label": "Jan"}, {"label": "Feb"}, {"label": "Mar"}, {"label": "Apr"}, {"label": "May"}, {"label": "Jun"}, {
                    "vline": "1",
                    "color": "FF5904",
                    "thickness": "2"
                }, {"label": "July"}]
            }],
            "dataset": [{
                "seriesname": "2006",
                "data": [{"value": "27400"}, {"value": "29800"}, {"value": "25800"}, {"value": "26800"}, {"value": "29600"}, {"value": "32600"}, {"value": "31800"}]
            }, {
                "seriesname": "2005",
                "data": [{"value": "10000"}, {"value": "11500"}, {"value": "12500"}, {"value": "15000"}, {"value": "11000"}, {"value": "9800"}, {"value": "11800"}]
            }],
            "trendlines": [{
                "line": [{
                    "startvalue": "26000",
                    "color": "91C728",
                    "displayvalue": "Target",
                    "showontop": "1"
                }]
            }]
        },
        FCstack: {
            "chart": {
                "caption": "Business Results 2005 v 2006",
                "xaxisname": "Month",
                "yaxisname": "Revenue",
                "showvalues": "0",
                "numberprefix": "$"
            },
            "categories": [{"category": [{"label": "Jan"}, {"label": "Feb"}, {"label": "Mar"}, {"label": "Apr"}, {"label": "May"}, {"label": "Jun"}]}],
            "dataset": [{
                "seriesname": "2006",
                "data": [{"value": "27400"}, {"value": "29800"}, {"value": "25800"}, {"value": "26800"}, {"value": "29600"}, {"value": "32600"}]
            }, {
                "seriesname": "2005",
                "renderas": "Area",
                "data": [{"value": "10000"}, {"value": "11500"}, {"value": "12500"}, {"value": "15000"}, {"value": "11000"}, {"value": "9800"}]
            }, {
                "seriesname": "2004",
                "renderas": "Line",
                "data": [{"value": "7000"}, {"value": "10500"}, {"value": "9500"}, {"value": "10000"}, {"value": "9000"}, {"value": "8800"}]
            }],
            "trendlines": [{
                "line": [{
                    "startvalue": "22000",
                    "color": "91C728",
                    "displayvalue": "Target",
                    "showontop": "1"
                }]
            }]
        },
        FCstack2: {
            "chart": {
                "caption": "Annual Revenue",
                "subcaption": "In Million $",
                "xaxisname": "Year",
                "pyaxisname": "Sales in M$",
                "syaxisname": "Cost as % of Revenue",
                "decimals": "0",
                "numberprefix": "$",
                "numbersuffix": "M",
                "snumbersuffix": "%25"
            },
            "categories": [{"category": [{"label": "2001"}, {"label": "2002"}, {"label": "2003"}, {"label": "2004"}, {"label": "2005"}]}],
            "dataset": [{
                "dataset": [{
                    "seriesname": "Product A",
                    "color": "AFD8F8",
                    "showvalues": "0",
                    "data": [{"value": "30"}, {"value": "26"}, {"value": "29"}, {"value": "31"}, {"value": "34"}]
                }, {
                    "seriesname": "Product B",
                    "color": "F6BD0F",
                    "showvalues": "0",
                    "data": [{"value": "21"}, {"value": "28"}, {"value": "39"}, {"value": "41"}, {"value": "24"}]
                }]
            }, {
                "dataset": [{
                    "seriesname": "Service A",
                    "color": "8BBA00",
                    "showvalues": "0",
                    "data": [{"value": "27"}, {"value": "25"}, {"value": "28"}, {"value": "26"}, {"value": "10"}]
                }, {
                    "seriesname": "Service B",
                    "color": "A66EDD",
                    "showvalues": "0",
                    "data": [{"value": "17"}, {"value": "15"}, {"value": "18"}, {"value": "16"}, {"value": "10"}]
                }, {
                    "seriesname": "Service C",
                    "color": "F984A1",
                    "showvalues": "0",
                    "data": [{"value": "12"}, {"value": "17"}, {"value": "16"}, {"value": "15"}, {"value": "12"}]
                }]
            }]
        },
        FCcomb: {
            "chart": {
                "caption": "Business Results 2005 v 2006",
                "xaxisname": "Month",
                "yaxisname": "Revenue",
                "showvalues": "0",
                "numberprefix": "$"
            },
            "categories": [{"category": [{"label": "Jan"}, {"label": "Feb"}, {"label": "Mar"}, {"label": "Apr"}, {"label": "May"}, {"label": "Jun"}, {"label": "Jul"}, {"label": "Aug"}, {"label": "Sep"}, {"label": "Oct"}, {"label": "Nov"}, {"label": "Dec"}]}],
            "dataset": [{
                "seriesname": "2006",
                "data": [{"value": "27400"}, {"value": "29800"}, {"value": "25800"}, {"value": "26800"}, {"value": "29600"}, {"value": "32600"}, {"value": "31800"}, {"value": "36700"}, {"value": "29700"}, {"value": "31900"}, {"value": "34800"}, {"value": "24800"}]
            }, {
                "seriesname": "2005",
                "renderas": "Area",
                "data": [{"value": "10000"}, {"value": "11500"}, {"value": "12500"}, {"value": "15000"}, {"value": "11000"}, {"value": "9800"}, {"value": "11800"}, {"value": "19700"}, {"value": "21700"}, {"value": "21900"}, {"value": "22900"}, {"value": "20800"}]
            }, {
                "seriesname": "2004",
                "renderas": "Line",
                "data": [{"value": "7000"}, {"value": "10500"}, {"value": "9500"}, {"value": "10000"}, {"value": "9000"}, {"value": "8800"}, {"value": "9800"}, {"value": "15700"}, {"value": "16700"}, {"value": "14900"}, {"value": "12900"}, {"value": "8800"}]
            }],
            "trendlines": [{
                "line": [{
                    "startvalue": "22000",
                    "color": "91C728",
                    "displayvalue": "Target",
                    "showontop": "1"
                }]
            }]
        }
    }, 'all');

    // To hide widgets / prop / event
    xui.merge(window.CONF, {
        // To hide widgets in the left Tool Box region
        widgets_hidden: {},
        widgets_hidden_filter: null,// function(ctrlKey){return false;}

        // To hide prop in the right Component Config region
        widgets_hiddenProps: {},
        widgets_hiddenProps_filter: function (ctrlKey, propKey, target) {
            var p = xui.get(target.properties, ['$hiddenProp']) || xui.get(target.properties.tagVar, ['$hiddenProp']);
            if (p && p[propKey])
                return false;
        },

        // To hide events in the right Component Config region
        widgets_hiddenEvents: {
            "beforePrepareItem": 1,
            "beforePrepareRow": 1,
            "beforePrepareCol": 1
        },
        widgets_hiddenEvents_filter: function (ctrlKey, propKey, target) {
            if (!target) {
                return false;
            }
            var p = xui.get(target.properties, ['$hiddenEvents']) || xui.get(target.properties.tagVar, ['$hiddenEvents']);
            if (p && p[propKey]) {
                return false;
            }

        },
        page_hiddenPropEvents: {},
        page_hiddenPropEvents_filter: null
    }, 'all');

    // To set widgets in the left Tool Box
    CONF.widgets = [
        {
            id: 'xui.UI.Layout',
            view: 'Gallery',
            key: 'xui.UI.Layout',
            caption: '布局',
            group: true,
            imageClass: 'spafont spa-icon-c-buttonviews',
            sub: [
                {
                    id: 'xui.UI.TabsGroup',
                    key: 'xui.UI.Tabs',
                    group: true,
                    comment: '层叠组件',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-tabs',
                    sub: [
                        {
                            id: 'xui.UI.ButtonViews2',
                            key: 'xui.UI.ButtonViews',
                            caption: '',
                            imageClass: 'spafont spa-icon-c-buttonviews',
                            comment: '左侧按钮导航',
                            draggable: true,
                            iniProp: {
                                barLocation: 'left',
                                items: xui.copy(CONF.items3),
                                autoItemColor: true,
                                barSize: 220,
                                value: 'a',
                                caption: '导航栏'
                            }
                        }

                        , {
                            id: 'xui.UI.Tabs',
                            key: 'xui.UI.Tabs',
                            comment: '顶部Tabs',
                            caption: '',
                            imageClass: 'spafont spa-icon-c-tabs',
                            draggable: true,
                            iniProp: {
                                items: xui.copy(CONF.items3), autoFontColor: true, value: 'a', caption: 'Tabs切换页'
                            }

                        },


                        {
                            id: 'xui.UI.Stacks',
                            key: 'xui.UI.Stacks',
                            caption: '',
                            comment: '折叠切换页',
                            imageClass: 'spafont spa-icon-c-stacks',
                            draggable: true,
                            iniProp: {
                                items: xui.copy(CONF.items3), autoItemColor: true, value: 'a', caption: '折叠切换'
                            }
                        },

                        {
                            id: 'xui.UI.FoldingTabs',
                            key: 'xui.UI.FoldingTabs',
                            caption: '',
                            comment: '折叠Tabs页',
                            imageClass: 'spafont spa-icon-c-foldingtabs',
                            draggable: true,
                            iniProp: {
                                items: [
                                    {id: 'a', caption: 'tab1', message: "normal"},
                                    {id: 'b', caption: 'tab2', message: "with image", imageClass: CONF.img_class},
                                    {id: 'c', caption: 'tab3', message: "height:100", height: 100},
                                    {
                                        id: 'd',
                                        caption: '可折叠',
                                        message: "with commands",
                                        closeBtn: true,
                                        optBtn: 'xui-uicmd-opt',
                                        popBtn: true
                                    }
                                ],
                                value: 'a'
                            }
                        }
                    ]
                },
                {
                    id: 'xui.UI.LayoutGroup',
                    key: 'xui.UI.Layout',
                    caption: '',
                    group: true,
                    comment: '布局',
                    imageClass: 'spafont spa-icon-c-layout',
                    sub: [
                        {
                            id: 'xui.UI.Layout',
                            key: 'xui.UI.Layout',
                            caption: '',
                            comment: '菜单导航',
                            imageClass: 'spafont spa-icon-c-layout',
                            draggable: true,
                            iniProp: {
                                caption: '菜单导航',
                                items: [{id: 'main', "overflow":"auto", "transparent":true, pos: 'main'}, {id: 'before',  "size":120, "cmd":true, "locked":false, "transparent":true,pos: 'before', lock: true, cmd: false}]
                            }
                        },
                       {
                            id: 'xui.UI.Layout4',
                            key: 'xui.UI.Layout',
                            caption: '',
                            imageClass: 'spafont spa-icon-c-layout',
                            comment: '树形导航',
                            draggable: true,
                            iniProp: {

                                type: 'horizontal'
                                , caption: '树形导航'
                                , items: [{id: 'before', "size":220,  "transparent":true, "overflow":"auto","cmd":true, pos: 'before'}, {id: 'main', "overflow":"auto", "transparent":true, pos: 'main'}, {
                                    id: 'after',
                                    pos: 'after',
                                    lock: true,
                                    cmd: false
                                }]
                            }
                        }


                    ]
                }
            ]
        },
        {
            id: 'xui.UI.absContainer',
            view: 'Gallery',
            key: 'xui.UI.absContainer',
            caption: '常见容器',
            group: true,
            imageClass: 'xui-icon-dialog',
            sub: [

                {
                    id: 'xui.UI.Dialog',
                    key: 'xui.UI.Dialog',
                    caption: '',
                    comment: '弹出面板',
                    imageClass: 'spafont spa-icon-c-dialog',
                    draggable: true,
                    iniProp: {caption: '弹出面板'}
                }, {
                    id: 'xui.UI.Panel',
                    key: 'xui.UI.Panel',
                    comment: '普通面板',
                    isCom: true,
                    caption: '',
                    imageClass: 'spafont spa-icon-c-panel',
                    draggable: true,
                    iniProp: {
                        caption: '普通面板',
                        dock: 'none',
                        width: '18em',
                        height: '18em',
                        toggleBtn: true,
                        closeBtn: true,
                        refreshBtn: true
                    }
                },
                {
                    id: 'xui.UI.Group',
                    key: 'xui.UI.Group',
                    comment: '组容器',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-group',
                    draggable: true,
                    iniProp: {
                        caption: '组容器',
                        toggleBtn: false,
                        width: '18em'
                    }
                }, {
                    id: 'xui.UI.Block',
                    key: 'xui.UI.Block',
                    caption: '',
                    comment: '内部块',
                    imageClass: 'spafont spa-icon-c-block',
                    draggable: true

                }, {
                    id: 'xui.UI.Div',
                    key: 'xui.UI.Div',
                    comment: '浮动层',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-div',
                    draggable: true
                },

              {
                    id: 'xui.UI.Block1',
                    key: 'xui.UI.Block',
                    comment: '自动布局块',
                    draggable: true,
                    caption: '',
                    imageClass: 'spafont spa-icon-c-block',
                    customRegion: 1,
                    iniProp: {
                        caption: '自动对齐块',
                        dock: 'width',
                        position: 'relative',
                        left: 'auto',
                        top: 'auto',
                        width: 'auto',
                        height: '18em',

                    }
                },
                {
                    id: 'xui.UI.PanelGroup',
                    key: 'xui.UI.Panel',
                    comment: '独立面板',
                    isCom: true,
                    group: true,
                    caption: '',
                    imageClass: 'spafont spa-icon-c-panel',
                    sub: [
                     {
                            id: 'xui.UI.Panel1',
                            key: 'xui.UI.Panel',
                            comment: '自动对齐面板',
                            draggable: true,
                            caption: '',
                            imageClass: 'spafont spa-icon-c-panel',
                            customRegion: 1,
                            iniProp: {
                                caption: '相对面板',
                                dock: 'width',
                                position: 'relative',
                                left: 'auto',
                                top: 'auto',
                                width: 'auto',
                                height: '18em',
                                toggleBtn: true,
                                closeBtn: true,
                                refreshBtn: true
                            }
                        }
                        ]
                }
            ]
        },
        {
            id: 'xui.UI.advForm',
            key: 'xui.UI.advForm',
            caption: '高级组件',
            view: 'Gallery',
            group: true,
            imageClass: 'spafont spa-icon-c-richeditor',
            sub: [
                {
                    id: 'xui.UI.ComboInput21',
                    key: 'xui.UI.ComboInput',
                    caption: '',
                    comment: '复合框',
                    imageClass: 'spafont  spa-icon-c-comboinput',
                    draggable: true,
                    iniProp: {width: '18em', labelSize: '6em', caption: '输入框', items: xui.copy(CONF.items)}
                },
                {
                    id: 'xui.UI.RichEditor',
                    key: 'xui.UI.RichEditor',
                    comment: '富文本',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-richeditor',
                    draggable: true,
                    iniProp: {
                        labelSize: '2em', height: '26em', labelPos: 'top', caption: '富文本', labelHAlign: 'left'
                    }
                },

//                 {
//                     id: 'xui.UI.ComboInputGroup',
//                     key: 'xui.UI.ComboInput',
//                     caption: '',
//                     comment: '日期',
//                     imageClass: 'spafont spa-icon-c-dateinput',
//                     sub: [
// ]
//                 },


                {
                    id: 'xui.UI.ComboInput14',
                    key: 'xui.UI.ComboInput',
                    caption: '',
                    comment: '$(RAD.widgets.Date Picker)',
                    imageClass: 'spafont spa-icon-c-dateinput',
                    draggable: true,
                    iniProp: {width: '18em', labelSize: '6em', caption: '日期框', type: 'date'}
                },
                {
                    id: 'xui.UI.ComboInput15',
                    key: 'xui.UI.ComboInput',
                    caption: '',
                    comment: '$(RAD.widgets.Time Picker)',
                    imageClass: 'spafont spa-icon-c-timeinput',
                    draggable: true,
                    iniProp: {width: '18em', labelSize: '6em', caption: '时间框', type: 'time'}
                },
                {
                    id: 'xui.UI.ComboInput16',
                    key: 'xui.UI.ComboInput',
                    caption: '',
                    comment: '$(RAD.widgets.Date Time Picker)',
                    imageClass: 'spafont spa-icon-c-datetime',
                    draggable: true,
                    iniProp: {width: '18em', labelSize: '4em', caption: '日期', type: 'datetime'}
                },
                // {
                //     id: 'xui.UI.ProgressBarGroup',
                //     key: 'xui.UI.ProgressBar',
                //     caption: '',
                //     comment: '进度条',
                //     imageClass: 'spafont spa-icon-c-progressbar',
                //     sub: [
                //       ]
                // },

                {
                    id: 'xui.UI.ProgressBar1',
                    key: 'xui.UI.ProgressBar',
                    caption: '',
                    comment: '$RAD.widgets.ProgressBar',
                    imageClass: 'spafont spa-icon-c-progressbar',
                    draggable: true
                },
                {
                    id: 'xui.UI.Slider',
                    key: 'xui.UI.Slider',
                    comment: '$RAD.widgets.Slider',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-slider',
                    draggable: true,
                    iniProp: {
                        labelSize: '6em', height: '4em', labelPos: 'top', caption: '滑动条', labelHAlign: 'left',
                        isRange: false
                    }
                },

//                 {
//                     id: 'xui.UI.ListGroup',
//                     key: 'xui.UI.List',
//                     comment: '选项列表',
//                     caption: '',
//                     imageClass: 'spafont spa-icon-c-list',
//                     sub: [
// ]
//                 }

                {
                    id: 'xui.UI.List',
                    key: 'xui.UI.List',
                    comment: '选项列表',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-list',
                    draggable: true,
                    iniProp: {
                        caption: '选项列表',
                        width: 320, labelSize: '4em',
                        items: xui.copy(CONF.items),
                        value: 'a'
                    }
                },

                {
                    id: 'xui.UI.FoldingList',
                    key: 'xui.UI.FoldingList',
                    comment: '$RAD.widgets.FoldingList',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-foldinglist',
                    draggable: true,
                    iniProp: {

                        items: [
                            {id: 'a', caption: 'tab1', title: 'title1', text: 'text1'},
                            {id: 'b', caption: 'tab2', title: 'title2', text: 'text2'},
                            {id: 'c', caption: 'tab3', title: 'title3', text: 'text3'},
                            {id: 'd', caption: 'tab4', title: 'title4', text: 'text4'},
                            {id: 'e', caption: 'tab5', title: 'title5', text: 'text5'}
                        ]
                    }
                }

            ]
        },
        {
            id: 'xui.UI.absForm',
            key: 'xui.UI.absForm',
            caption: '$RAD.widgets.esd.absForm',
            view: 'Gallery',
            group: true,
            imageClass: 'spafont spa-icon-page',
            sub: [
                {
                    id: 'xui.UI.Button',
                    key: 'xui.UI.Button',
                    comment: '普通按钮',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-button',
                    draggable: true,
                    iniProp: {html: "Button", caption: '普通按钮'}
                },


                {
                    id: 'xui.UI.ComboInput10',
                    key: 'xui.UI.ComboInput',
                    comment: '文件上传',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-fileinput',
                    draggable: true,
                    iniProp: {width: '18em', labelSize: '8em', caption: '文件上传', type: 'file'}
                }, {
                    id: 'xui.UI.HiddenInput',
                    key: 'xui.UI.HiddenInput',
                    caption: '',
                    comment: '隐藏域',
                    imageClass: 'spafont spa-icon-c-hiddeninput',
                    draggable: true
                    //dragKey:"___iDesign2"
                },
                {
                    id: 'xui.UI.Input',
                    key: 'xui.UI.Input',
                    comment: '$RAD.widgets.Input',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-input',
                    isCom: true,
                    draggable: true,
                    iniProp: {width: '18em', labelSize: '6em', caption: "输入框"},

                },
                {
                    id: 'xui.UI.Input3',
                    key: 'xui.UI.Input',
                    caption: '',
                    comment: '$(RAD.widgets.Text Area)',
                    imageClass: 'spafont spa-icon-c-textarea',
                    draggable: true,
                    iniProp: {multiLines: true, height: '10em', width: '18em', labelSize: '6em', caption: "内容框"}
                },
                {
                    id: 'xui.UI.RadioBox1',
                    key: 'xui.UI.RadioBox',
                    comment: '$(RAD.widgets.RadioBox)',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-radiobox',
                    draggable: true,
                    iniProp: {
                        items: xui.copy(CONF.items), value: 'a',
                        checkBox: true,

                        selMode: "multibycheckbox"
                        , caption: "选择"
                    }
                },
                {
                    id: 'xui.UI.CheckBox',
                    key: 'xui.UI.CheckBox',
                    comment: '$(RAD.widgets.CheckBox)',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-checkbox',
                    draggable: true,
                    iniProp: {
                        caption: 'spafont spa-icon-c-checkbox',
                        value: true
                    }
                },
                {
                    id: 'xui.UI.Input1',
                    key: 'xui.UI.Input',
                    caption: '',
                    comment: '$(RAD.widgets.Password Input)',
                    imageClass: 'spafont spa-icon-c-password',
                    draggable: true,
                    iniProp: {type: 'password', value: 'pwd', width: '18em', labelSize: '8em', caption: "密码："}
                },

                // {
                //     id: 'xui.UI.InputGroup',
                //     key: 'xui.UI.Input',
                //     comment: "输入域",
                //     caption: '',
                //     imageClass: 'spafont spa-icon-c-input',
                //     sub: [
                //
                //     ]
                // },

                //
                // {
                //     id: 'xui.UI.ImageGroup',
                //     key: 'xui.UI.Input',
                //     comment: "图标图片",
                //     caption: '',
                //     imageClass: 'spafont spa-icon-c-input',
                //     sub: [
                //
                //       ]
                // },

                {
                    id: 'xui.UI.Icon',
                    key: 'xui.UI.Icon',
                    comment: '$(RAD.widgets.Icon)',
                    caption: '',
                    imageClass: 'xuifont xui-icon-xui',
                    draggable: true,
                    iniProp: {
                        imageClass: 'xuifont xui-icon-xui',
                        fontSize: '3em'
                    }
                },
                {
                    id: 'xui.UI.Image',
                    key: 'xui.UI.Image',
                    comment: '$(RAD.widgets.Image)',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-image',
                    draggable: true,
                    iniProp: {
                        src: CONF.img_dft
                    }
                },
                {
                    id: 'xui.UI.Element',
                    key: 'xui.UI.Element',
                    caption: '',
                    comment: '$(RAD.widgets.HTML Element)',
                    imageClass: 'spafont spa-icon-c-element',
                    draggable: true
                },

                {
                    id: 'xui.UI.Label',
                    key: 'xui.UI.Label',
                    comment: '$RAD.widgets.Label',
                    caption: '',
                    iniProp: {
                        caption: "文本标签"
                    },
                    imageClass: 'spafont spa-icon-c-label',
                    draggable: true
                }

                //
                // {
                //     id: 'xui.UI.LabelGroup',
                //     key: 'xui.UI.Input',
                //     comment: "文本标签",
                //     caption: '',
                //     imageClass: 'spafont spa-icon-c-element',
                //     sub: [
                //        ]
                // }
            ]
        },
        {
            id: 'xui.UI.menu',
            key: 'xui.UI.absForm',
            caption: '菜单',
            view: 'Gallery',
            group: true,
            imageClass: 'spafont spa-icon-c-menubar',
            sub: [
                {
                    id: 'xui.UI.StatusButtons',
                    key: 'xui.UI.StatusButtons',
                    comment: '$RAD.widgets.StatusButtons',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-statusbutton',
                    draggable: true,
                    iniProp: {
                        items: xui.copy(CONF.items2),
                        borderType: 'none',
                        itemMargin: '2px 4px',
                        itemWidth: '4em',
                        width: '30em',
                        value: 'a'
                    }
                }
                , {
                    id: 'xui.UI.PageBar',
                    key: 'xui.UI.PageBar',
                    caption: '',
                    comment: '分页栏',
                    imageClass: "spafont spa-icon-c-pager",
                    draggable: true,
                    iniProp: {
                        caption: '分页'
                    }
                }
                , {
                    id: 'xui.UI.PopMenu',
                    key: 'xui.UI.PopMenu',
                    caption: '',
                    comment: '$RAD.widgets.PopMenu',
                    imageClass: 'spafont spa-icon-c-menu',
                    draggable: true,
                    iniProp: {
                        items: CONF.items
                    }
                }
                ,
                {
                    id: 'xui.UI.MenuBar',
                    key: 'xui.UI.MenuBar',
                    caption: '',
                    comment: '$RAD.widgets.MenuBar',
                    imageClass: 'spafont spa-icon-c-menubar',
                    draggable: true,
                    iniProp: {
                        items: [
                            {
                                "id": "menu1",
                                "sub": [{"id": "normal", "caption": "normal"},
                                    {"id": "disabled", "caption": "disabled", "disabled": true},
                                    {"id": "image", "caption": "image", imageClass: CONF.img_class},
                                    {"type": "split"},
                                    {"id": "checkbox 1", "caption": "checkbox 1", "type": "checkbox"},
                                    {"id": "checkbox 2", "caption": "checkbox 2", "type": "checkbox"}],
                                "caption": "menu1"
                            }

                        ]
                    }
                }, {
                    id: 'xui.UI.ToolBar',
                    key: 'xui.UI.ToolBar',
                    comment: '$RAD.widgets.ToolBar',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-toolbar',
                    draggable: true,
                    iniProp: {
                        items: [
                            {
                                "id": "common",
                                "sub": [
                                    {
                                        "id": "new",
                                        "caption": "$RAD.widgets.esd.buttonnew",
                                        "imageClass": "fa fa-lg fa-calendar-plus-o"
                                    },
                                    {
                                        "id": "delete",
                                        "caption": "$RAD.widgets.esd.buttondelete",
                                        "imageClass": "fa fa-lg fa-close"
                                    },
                                    {
                                        "id": "reload",
                                        "caption": "$RAD.widgets.esd.buttonreload",
                                        "imageClass": "fa fa-lg fa-circle-o-notch"
                                    }]
                            }
                        ]


                    }
                }

            ]
        },

        {
            id: 'xui.phone',
            key: 'xui.phone',
            comment: '移动组件',
            group: true,
            view: 'Gallery',
            imageClass: 'xui-icon-mobile',
            sub: [
                {
                    id: 'xui.UI.TitleBlock',
                    key: 'xui.UI.TitleBlock',
                    caption: '',
                    comment: '磁贴块',
                    imageClass: 'spafont spa-icon-alignwh',
                    iniProp: {
                        "items": [
                            {
                                "id": "item1",
                                "title": "信息报送",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "1",
                                "flagClass": "spafont spa-icon-alignwh",
                                "caption": "item1"
                            },
                            {
                                "id": "item2",
                                "title": "日常审批",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "21",
                                "flagClass": "bpmfont bpmVueFlyActivityOperation",
                                "caption": "item2"
                            },
                            {
                                "id": "item3",
                                "title": "会议通知",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "7",
                                "flagClass": "bpmfont bpmhuiyitongzhi2",
                                "caption": "item3"
                            },
                            {
                                "id": "item4",
                                "title": "请销假",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "0",
                                "flagClass": "spafont spa-icon-c-timeinput",
                                "caption": "item4"
                            }
                        ],
                        "dock": "fill",
                        "selMode": "none",
                        "borderType": "none",
                        "columns": 2
                    },
                    draggable: true
                }, {
                    id: 'xui.UI.ContentBlock',
                    key: 'xui.UI.ContentBlock',
                    caption: '',
                    comment: '信息列表',
                    imageClass: 'spafont spa-icon-alignwh',
                    iniProp: {
                        "items": [
                            {
                                "id": "item1",
                                "title": "上报信息",
                                "datetime": "2024-9-9 12:00",
                                "flagClass": "spafont spa-icon-alignwh",
                                "flagText": "管理员",
                                "caption": "item1"
                            },
                            {
                                "id": "item2",
                                "title": "信息报送",
                                "datetime": "2024-9-9 12:00",
                                "flagClass": "spafont spa-icon-alignwh",
                                "flagText": "管理员",
                                "caption": "item2"
                            }

                        ],
                        "dock": "fill",
                        "selMode": "none",
                        "borderType": "none",
                        "columns": 1
                    },
                    draggable: true
                },

                {
                    id: 'xui.UI.ButtonLayout',
                    key: 'xui.UI.ButtonLayout',
                    caption: '',
                    comment: '底部导航栏',
                    imageClass: 'spafont spa-icon-c-gallery',
                    draggable: true,
                    iniProp: {
                        "value": "mywork",
                        "showDirtyMark": false,
                        "items": [
                            {
                                "caption": "",
                                "comment": "首页",
                                "id": "index",
                                "imageClass": "spafont spa-icon-links"
                            },
                            {
                                "caption": "",
                                "comment": "待办",
                                "id": "waitedwork",
                                "imageClass": "spafont spa-icon-c-datetime"
                            },
                            {
                                "caption": "",
                                "comment": "起草",
                                "id": "startWork",
                                "imageClass": "spafont spa-icon-action1"
                            },
                            {
                                "caption": "",
                                "comment": "我的",
                                "id": "mywork",
                                "imageClass": "spafont spa-icon-login"
                            },
                            {
                                "caption": "",
                                "comment": "消息",
                                "id": "msg",
                                "imageClass": "bpmfont bpmzuixinxiaoxi1"
                            }
                        ],
                        "dock": "fill",
                        "borderType": "none",
                        "iconFontSize": "2em",
                        "columns": 5
                    }
                },
                {
                    id: 'xui.UI.MTabs',
                    key: 'xui.UI.MTabs',
                    comment: '移动TAB导航',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-tabs',
                    draggable: true,
                    iniProp: {
                        "barLocation": "left",
                        "barSize": "12em",
                        "sideBarStatus": "fold",
                        items: [{
                            "caption": "item 1",
                            "id": "a",
                            "imageClass": "xui-icon-number1",
                            "name": "item 1"
                        },
                            {
                                "caption": "item 2",
                                "id": "b",
                                "imageClass": "xui-icon-number2",
                                "name": "item 2"
                            },
                            {
                                "caption": "item 3",
                                "id": "c",
                                "imageClass": "xui-icon-number3",
                                "name": "item 3"
                            },
                            {
                                "caption": "item 4",
                                "id": "d",
                                "imageClass": "xui-icon-number4",
                                "name": "item 4"
                            }]
                        , value: 'a'
                    }
                },
                {
                    id: 'xui.UI.MTreeView',
                    key: 'xui.UI.MTreeView',
                    caption: '',
                    comment: '$RAD.widgets.esd.TreeView',
                    imageClass: 'spafont spa-icon-c-treeview',
                    draggable: true,
                    iniProp: {
                        animCollapse: true,
                        items: [
                            {
                                id: 'node1', sub: [
                                    {id: 'node12', imageClass: CONF.img_class}
                                ]
                            }, {
                                id: 'node2',
                                iniFold: false
                            }]
                    }
                },
                {
                    id: 'xui.UI.MDialog',
                    key: 'xui.UI.MDialog',
                    caption: '',
                    comment: '弹出框',
                    imageClass: 'spafont spa-icon-c-dialog',
                    draggable: true,
                    iniProp: {
                        "dock": "height",
                        "showEffects": "Flip H",
                        "hideEffects": "Flip H",
                        "width": "26.515151515151512em",
                        "height": "45.45454545454545em",
                        "caption": "弹出框",
                        "minWidth": "350",
                        "status": "right",
                        "panelBgClr": "#FFFFFF"
                    }
                },
                {
                    id: 'xui.UI.Camera',
                    key: 'xui.UI.Camera',
                    caption: '',
                    comment: '摄像头',
                    imageClass: "spafont spa-icon-c-video",
                    draggable: true,
                    iniProp: {
                        patterned: false,
                        dock: 'fill'
                    }
                },
                {
                    id: 'xui.UI.Tensor',
                    key: 'xui.UI.Tensor',
                    caption: '',
                    comment: 'AI插件',
                    imageClass: "spafont spa-icon-c-video",
                    draggable: true,
                    iniProp: {
                        patterned: false,
                        dock: 'fill'
                    }
                }

            ]
        },
        {
            id: 'xui.com',
            key: 'xui.com',
            comment: '聚合模块',
            group: true,
            view: 'Gallery',
            imageClass: 'xui-icon-inserthr',
            sub: [

                {
                    id: 'xui.UI.FormLayout',
                    key: 'xui.UI.FormLayout',
                    caption: '',
                    comment: '$RAD.widgets.esd.FormLayout',
                    imageClass: 'spafont spa-icon-c-grid',
                    draggable: true,
                    iniProp: {
                        "properties": {
                            "name": "TestForm",
                            "showEffects": "Classic",
                            "width": "50em",
                            "height": "20em",
                            "visibility": "visible",
                            "floatHandler": false,
                            "defaultRowHeight": 35,
                            "defaultColWidth": 150,
                            "layoutData": {
                                "rows": 3,
                                "cols": 2,
                                "merged": [
                                    {
                                        "row": 0,
                                        "col": 0,
                                        "rowspan": 1,
                                        "colspan": 2,
                                        "removed": false
                                    }
                                ],
                                "rowSetting": {
                                    "1": {
                                        "manualHeight": 56
                                    },
                                    "2": {
                                        "manualHeight": 35
                                    },
                                    "3": {
                                        "manualHeight": 142
                                    }
                                },
                                "colSetting": {
                                    "A": {
                                        "manualWidth": 150
                                    },
                                    "B": {
                                        "manualWidth": 525
                                    }
                                },
                                "cells": {
                                    "A1": {
                                        "value": "标题",
                                        "style": {
                                            "textAlign": "center",
                                            "fontSize": "28px"
                                        }
                                    },
                                    "A2": {
                                        "value": "名称",
                                        "style": {
                                            "textAlign": "center"
                                        }
                                    },
                                    "A3": {
                                        "value": "描述",
                                        "style": {
                                            "textAlign": "center"
                                        }
                                    }
                                }
                            }
                        }
                    }

                },

                {
                    id: 'xui.UI.Gallery',
                    key: 'xui.UI.Gallery',
                    caption: '',
                    comment: '$RAD.widgets.Gallery',
                    imageClass: 'spafont spa-icon-c-gallery',
                    draggable: true,
                    iniProp: {
                        items: xui.copy(CONF.items), value: 'a'
                    }
                },
                {
                    id: 'xui.UI.TreeView',
                    key: 'xui.UI.TreeView',
                    caption: '',
                    comment: '$RAD.widgets.esd.TreeView',
                    imageClass: 'spafont spa-icon-c-treeview',
                    draggable: true,
                    iniProp: {
                        animCollapse: true,
                        items: [
                            {
                                id: 'node1', sub: [
                                    {id: 'node12', imageClass: CONF.img_class}
                                ]
                            }, {
                                id: 'node2',
                                iniFold: false
                            }]
                    }
                },

                {
                    id: 'xui.UI.TreeGrid',
                    key: 'xui.UI.TreeGrid',
                    caption: '',
                    comment: '$RAD.widgets.esd.TreeGrid',
                    imageClass: 'spafont spa-icon-c-grid',
                    draggable: true,
                    iniProp: {
                        rowHandler: true,
                        rowNumbered: true,
                        header: [{caption: 'col1'}, {caption: 'col2'}, {caption: 'col3'}, {caption: 'col4'}],
                        rows: []
                    }
                },
                {
                    id: 'xui.UI.FileUpload',
                    key: 'xui.UI.FileUpload',
                    caption: '',
                    comment: '$RAD.widgets.esd.FileUpload',
                    imageClass: 'spafont spa-icon-com',
                    iniProp: {dock: 'fill'},
                    draggable: true
                }, {
                    id: 'xui.UI.Opinion',
                    key: 'xui.UI.Opinion',
                    caption: '',
                    comment: '常用意见',
                    imageClass: 'spafont spa-icon-c-gallery',
                    draggable: true,
                    iniProp: {
                        "columns": 1,
                        width: "41.833333333333336em",
                        items: [{
                            "caption": "同意请执行！",
                            "createDateStr": "2002-04-06",
                            "creatorName": "李文章",
                            "id": "a"
                        },
                            {
                                "caption": "同意请执行！",
                                "hidden": false,
                                "createDateStr": "2002-04-06",
                                "creatorName": "李文章",
                                "id": "b"
                            }]
                    }
                } ,{
                    id: 'xui.UI.TitleBlock',
                    key: 'xui.UI.TitleBlock',
                    caption: '',
                    comment: '消息聚合',
                    imageClass: 'spafont spa-icon-alignwh',
                    iniProp: {
                        "items": [
                            {
                                "id": "item1",
                                "title": "信息报送",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "1",
                                "flagClass": "spafont spa-icon-alignwh",
                                "caption": "item1"
                            },
                            {
                                "id": "item2",
                                "title": "日常审批",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "21",
                                "flagClass": "bpmfont bpmVueFlyActivityOperation",
                                "caption": "item2"
                            },
                            {
                                "id": "item3",
                                "title": "会议通知",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "7",
                                "flagClass": "bpmfont bpmhuiyitongzhi2",
                                "caption": "item3"
                            },
                            {
                                "id": "item4",
                                "title": "请销假",
                                "more": "&gt;&gt; 更多",
                                "msgnum": "0",
                                "flagClass": "spafont spa-icon-c-timeinput",
                                "caption": "item4"
                            }
                        ],
                        "dock": "fill",
                        "selMode": "none",
                        "borderType": "none",
                        "columns": 2
                    },
                    draggable: true
                }, {
                    id: 'xui.UI.ContentBlock',
                    key: 'xui.UI.ContentBlock',
                    caption: '',
                    comment: '信息摘要',
                    imageClass: 'spafont spa-icon-alignwh',
                    iniProp: {
                        "items": [
                            {
                                "id": "item1",
                                "title": "上报信息",
                                "datetime": "2024-9-9 12:00",
                                "flagClass": "spafont spa-icon-alignwh",
                                "flagText": "管理员",
                                "caption": "item1"
                            },
                            {
                                "id": "item2",
                                "title": "信息报送",
                                "datetime": "2024-9-9 12:00",
                                "flagClass": "spafont spa-icon-alignwh",
                                "flagText": "管理员",
                                "caption": "item2"
                            }

                        ],
                        "dock": "fill",
                        "selMode": "none",
                        "borderType": "none",
                        "columns": 1
                    },
                    draggable: true
                }

            ]
        },

        {
            id: 'xui.Program',
            key: 'xui.Data',
            caption: '$RAD.widgets.esd.Program',
            group: true,
            view: 'Gallery',
            imageClass: 'spafont spa-icon-c-webapi',
            sub: [
                {
                    id: 'xui.Timer',
                    key: 'xui.Timer',
                    comment: '$(RAD.widgets.Timer)',
                    caption: '',
                    imageClass: 'spafont spa-icon-c-timer',
                    draggable: true,
                    dragKey: "___iDesign2"
                },
                {
                    id: 'xui.AnimBinder',
                    key: 'xui.AnimBinder',
                    comment: '$(RAD.widgets.AnimBinder)',
                    caption: '',
                    imageClass: 'xuicon xui-icon-dragcopy',
                    draggable: true,
                    dragKey: "___iDesign2"
                },
                {
                    id: 'xui.UI.CSSBox',
                    key: 'xui.UI.CSSBox',
                    caption: '',
                    comment: '$(RAD.widgets.Style Box)',
                    imageClass: 'spafont spa-icon-c-cssbox',
                    draggable: true,
                    dragKey: "___iDesign2"
                },
                {
                    id: 'xui.MessageService',
                    key: 'xui.MessageService',
                    caption: '',
                    comment: '$(RAD.widgets.MessageService)',
                    imageClass: 'xuicon xui-icon-redo',
                    draggable: true,
                    dragKey: "___iDesign2"
                }
                ,
                {
                    id: 'xui.MQTT',
                    key: 'xui.MQTT',
                    caption: '',
                    comment: '$(RAD.widgets.MQTT)',
                    imageClass: 'spafont spa-icon-mqtt',
                    draggable: true,
                    dragKey: "___iDesign2",
                    iniProp: {
                        //dataSourceType:"remoting"
                    }
                },
                {
                    id: 'xui.APICaller',
                    key: 'xui.APICaller',
                    caption: '',
                    comment: '$(RAD.widgets.APICaller)',
                    imageClass: 'spafont spa-icon-c-webapi',
                    draggable: true,
                    dragKey: "___iDesign2",
                    iniProp: {
                        //dataSourceType:"remoting"
                    }
                }
            ]
        },
        {
            id: 'xui.svg',
            key: 'xui.svg',
            caption: '$RAD.widgets.esd.svg',
            group: true,
            imageClass: 'xui-icon-forecolor',
            sub: [
                {
                    id: 'xui.UI.SVGPaper',
                    key: 'xui.UI.SVGPaper',
                    caption: '$(RAD.widgets.SVG Paper)',
                    image: CONF.img_widgets,
                    imagePos: '0px -32px',
                    draggable: true
                },
                {
                    id: 'xui.svg.1',
                    key: 'xui.svg.1',
                    caption: '$RAD.widgets.group.Basic',
                    group: true,
                    iniFold: false,
                    imageClass: 'spafont spa-icon-com2',
                    sub: [
                        {
                            id: 'xui.svg.circle',
                            key: 'xui.svg.circle',
                            caption: '$RAD.widgets.Circle',
                            image: CONF.img_widgets,
                            imagePos: '-32px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Circle',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    r: 20,
                                    cx: 0,
                                    cy: 0
                                }
                            }
                        },
                        {
                            id: 'xui.svg.ellipse',
                            key: 'xui.svg.ellipse',
                            caption: '$RAD.widgets.Ellipse',
                            image: CONF.img_widgets,
                            imagePos: '-48px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Ellipse',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    rx: 20,
                                    ry: 40,
                                    cx: 0,
                                    cy: 0
                                }
                            }
                        },
                        {
                            id: 'xui.svg.rect',
                            key: 'xui.svg.rect',
                            caption: '$RAD.widgets.Rect',
                            image: CONF.img_widgets,
                            imagePos: '-16px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Rect',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    x: 0,
                                    y: 0,
                                    width: 40,
                                    height: 40
                                }
                            }
                        },
                        {
                            id: 'xui.svg.path1',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Triangle',
                            image: CONF.img_widgets,
                            imagePos: '-64px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Triangle',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M0,40L25,0L50,40Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.path2',
                            key: 'xui.svg.path',
                            caption: '$(RAD.widgets.Start 5 points)',
                            image: CONF.img_widgets,
                            imagePos: '-128px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Start5points',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M15.999,22.77l-8.884,6.454l3.396-10.44l-8.882-6.454l10.979,0.002l2.918-8.977l0.476-1.458l3.39,10.433h10.982l-8.886,6.454l3.397,10.443L15.999,22.77L15.999,22.77z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.path3',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Line',
                            image: CONF.img_widgets,
                            imagePos: '-80px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Line',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M0,0L100,100"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.path4',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Bezier',
                            image: CONF.img_widgets,
                            imagePos: '-96px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Bezier',
                                attr: {
                                    stroke: "#004A7F",
                                    "stroke-width": 2,
                                    path: "M0,0C40,0,60,100,100,100"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.text',
                            key: 'xui.svg.text',
                            caption: '$RAD.widgets.Text',
                            image: CONF.img_widgets,
                            imagePos: '-112px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Shapes:Text',
                                attr: {
                                    x: 0,
                                    y: 0,
                                    'font-size': '13px',
                                    'font-weight': 'bold',
                                    text: "xui svg"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips0',
                            key: 'xui.svg.rectComb',
                            caption: '$RAD.widgets.tips.Simple',
                            image: CONF.img_widgets,
                            imagePos: '-144px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:Simple',
                                attr: {
                                    KEY: {
                                        stroke: "#000000",
                                        "stroke-width": 1,
                                        fill: '#ffffff',
                                        r: 0,
                                        x: 0,
                                        y: 0,
                                        width: 40,
                                        height: 20
                                    },
                                    TEXT: {
                                        fill: '#000000',
                                        'font-size': '12px',
                                        text: "Tips"
                                    }
                                },
                                shadow: false
                            }
                        },
                        {
                            id: 'xui.svg.image',
                            key: 'xui.svg.image',
                            caption: '$RAD.widgets.Image',
                            imageClass: 'spafont spa-icon-c-image',
                            draggable: true,
                            iniProp: {
                                attr: {
                                    src: CONF.img_dft,
                                    x: 0,
                                    y: 0,
                                    width: 100,
                                    height: 100
                                }
                            }
                        }
                    ]
                },
                {
                    id: 'xui.svg.4',
                    key: 'xui.svg.4',
                    caption: '$RAD.widgets.group.Arrows',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub: [
                        {
                            id: 'xui.svg.arrow1',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 1',
                            image: CONF.img_widgets,
                            imagePos: '-416px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:1',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,0.9967900000000001,25.572957880424866C,1.0433140979270288,17.352221842671156,0.9670212956079908,9.120497780456123,1.3793810032814364,0.9142200431345944C,11.511829019832248,3.613728086738559,21.524772248812525,8.030786179966388,31.486480185111784,12.003010247822424C,32.021267132716524,7.972051700020222,31.7695566467984,4.628323706874253,32.23420809688557,0.9014200000000088C,38.63402605718055,8.743851011294739,44.976135660772464,16.697960092518112,51.05832000000001,25.030837849887114C,45.223054332561134,34.48319067895623,38.529793602550455,42.69190730825183,31.958805592001426,51.09771999999998C,31.74602250744268,47.18325580152433,31.533200792766518,43.26881998976418,31.320414349067125,39.35435579128853C,21.635744819145906,43.1414180450036,11.393884553091102,47.05687341296241,1.6465989619851313,50.518974009777715C,0.9837363794552758,42.53031829578082,1.0032193951936703,33.83043815584437,0.9967900000000002,25.572957880424866Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow2',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 2',
                            image: CONF.img_widgets,
                            imagePos: '-272px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:2',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,23.72034073321315,41.557660942282155L,31.648058949394464,31.948583911407873L,16.32020269565151,31.948583911407873L,0.9923799999999829,31.948583911407873L,0.9923799999999829,26.000110067109038L,0.9923799999999829,20.05163014227939L,16.144361652363422,20.05163014227939C,24.477939815831316,20.05163014227939,31.29633155939486,19.750133102473168,31.29633155939486,19.381634693644177C,31.29633155939486,19.013144392189602,27.978760183598805,14.689058005479113,23.923959486683046,9.7725596896135L,16.551563923307224,0.8334700000000197L,23.365910238948793,0.8334700000000197L,30.180231386021788,0.8334700000000197L,40.58724320986771,13.428841645624876L,50.99424999999991,26.02420721071892L,40.567279501275536,38.59547360535949L,30.140312358360315,51.16674000000006L,22.966463242934637,51.16674000000006L,15.792597348463245,51.16674000000006L,23.720337377403993,41.557658915438566Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow3',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 3',
                            image: CONF.img_widgets,
                            imagePos: '-192px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:3',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,19.08048661590159,49.946616460963554C,17.449498024434046,48.58338432521014,17.663482333562865,47.757877666847584,21.62890387263364,40.11609462579435C,23.631249311780564,36.2573908928753,25.269517693660852,32.988132291206036,25.269517693660852,32.85108099367602C,25.269517693660852,32.71403990531574,19.740354016339534,32.60190578804334,12.982448846830424,32.60190578804334L,0.695379999999993,32.60190578804334L,0.695379999999993,25.37494173151369L,0.695379999999993,18.14797767498405L,13.079830293749826,18.14797767498405C,22.628938616021216,18.14797767498405,25.357673186958746,17.930265428935048,24.998705825982924,17.197058172585187C,24.742642862538858,16.67405431794693,22.995912525009707,13.203491307515208,21.117081270346038,9.48470764882068C,17.575461198812864,2.4747122704779385,17.57657271043628,0.5948025622631249,21.122553327569037,0.012097184564311457C,22.887255138745743,-0.27788407248451885,50.3615628032401,22.00270323476445,51.30591000000003,24.489638264506407C,42.154458193288946,33.36935459967209,31.215372014159684,42.66414004401979,21.138692639199974,50.85950000000005C,20.607371761584286,50.85950000000005,19.681191469087025,50.44870342835059,19.080488651637175,49.94661646096356Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow4',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 4',
                            image: CONF.img_widgets,
                            imagePos: '-400px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:4',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,28.323074993853922,26.491066845005626L,0.3806099999999969,0.9938999999999965L,50.622059999999976,26.491066845005626L,0.3806099999999901,51.988219999999984L,28.323074993853908,26.491066845005623Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow5',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 5',
                            image: CONF.img_widgets,
                            imagePos: '-336px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:5',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,31.245156109714017,26.045470084845718L,0.520450000000011,0.9925300000000163L,20.755093890286002,0.9925300000000163L,51.47980000000001,26.045470084845718L,20.755093890286002,51.098390000000016L,0.5204500000000134,51.098390000000016L,31.245156109714017,26.045470084845718Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow6',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 6',
                            image: CONF.img_widgets,
                            imagePos: '-368px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:6',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,39.32802790532272,41.37177289854302C,40.36747021253679,38.52777476891691,41.361580031732004,35.24901930858366,42.237321123719525,32.305797111523475L,15.99704785275441,30.955275965690355L,12.397787059713767,42.58582512551783L,0.9952499999999986,41.58690168252933C,2.4240017579795707,36.2916554148251,3.989146941277212,30.071168124706784,5.149563874599652,25.39896703028877L,1.021747253821839,9.692005424739644L,13.187998827068489,9.692005424739644L,15.663445413488283,19.50582553706655L,42.45412175940263,19.50582553706655L,39.130945802035406,9.713969234775366C,40.156522696527325,6.628182898846903,41.674318358371316,2.510140482603001,42.497669037460305,0.3509899999999959L,51.50782000000001,25.307318996503312L,42.47717550396286,50.650790000000015L,39.32802452103843,41.37176812172485Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow7',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 7',
                            image: CONF.img_widgets,
                            imagePos: '-240px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:7',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,0.0013599999999982515,38.73828246983355L,34.25137140134154,38.73828246983355L,34.25137140134154,13.578312469833568L,29.001371331543556,13.578312469833568L,39.50137314899243,0.9983300000000099L,50.00138000000003,13.578312469833568L,44.751376574496234,13.578312469833568L,44.751376574496234,51.318269999999984L,0.0013616778529171288,51.318269999999984Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow8',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 8',
                            image: CONF.img_widgets,
                            imagePos: '-224px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:8',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,14.22863113865473,25.49999585570457L,4.785984384696452,16.057347390337164L,4.785984384696452,20.778671623020866L,0.9999999999999964,20.778671623020866L,0.9999999999999964,0L,21.778671623020852,0L,21.778671623020852,3.7859843846964574L,17.057345678928037,3.7859843846964574L,26.499995855704555,13.228634561472976L,35.94264603248107,3.7859843846964574L,31.221320088388254,3.7859843846964574L,31.221320088388254,1.0066020675428305e-15L,51.99999,1.0066020675428305e-15L,51.99999,20.778671623020866L,48.21400390389443,20.778671623020866L,48.21400390389443,16.057347390337164L,38.77135543852703,25.49999585570457L,48.21400390389443,34.942646032481086L,48.21400390389443,30.22132008838827L,51.99999,30.22132008838827L,51.99999,50.99999000000002L,31.221320088388254,50.99999000000002L,31.221320088388254,47.21400390389445L,35.94264603248107,47.21400390389445L,26.499995855704555,37.77135886134529L,17.057345678928037,47.21400390389445L,21.778671623020852,47.21400390389445L,21.778671623020852,50.99999000000002L,0.9999999999999969,50.99999000000002L,0.9999999999999969,30.22132008838827L,4.785984384696452,30.22132008838827L,4.785984384696452,34.942646032481086L,14.22863113865473,25.49999585570457Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow9',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 9',
                            image: CONF.img_widgets,
                            imagePos: '-384px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:9',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,39.21295718827093,47.56297987479957C,37.03252780125456,38.77667199410031,28.659661464114567,34.41454678728802,12.155597188393685,33.4666728289234L,0.9954900000000038,32.825721714354074L,0.9954900000000038,25.135727613555915L,0.9954900000000038,17.445806990160005L,9.419085274365896,17.445806990160005C,19.349499680649902,17.445806990160005,26.450107885010517,15.86700578179,32.24378710021434,12.370715080078659C,35.66277417760938,10.307512163548695,36.798930488785935,8.991841267213946,38.34437613336085,5.3063462546264315L,40.243493104038414,0.7773500000000269L,45.69068239293254,13.3454933693736L,51.13787000000001,25.91370634891777L,45.62969767679859,38.568893369373626L,40.12151021715733,51.22415000000006L,39.21295550644428,47.56297987479959Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow10',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 10',
                            image: CONF.img_widgets,
                            imagePos: '-320px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:10',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,28.680470199612774,5.7604152239037925C,26.500621015132296,2.8561298906007297,30.90063987561481,-2.058547663391121,32.87860765569082,1.289266658031571C,34.56691708208393,4.190930549472037,30.81412410397474,7.880144876551607,28.680470199612774,5.7604152239037925ZM,34.517428539177835,12.370204536395615C,32.73611656018163,9.172635340010418,37.61025537394489,5.756296404549265,39.15212449442233,8.950402657671443C,40.982309642785275,12.29044546616081,36.036621820964356,16.105006376841796,34.517428539177835,12.370204536395615ZM,41.1623960041417,20.367497657967174C,38.93697198484201,18.529629724392795,41.148587292412216,14.290263231751618,43.45292958696212,14.668357235974542C,46.65379505196717,15.264381540376425,45.79832777822486,21.77194493274417,42.676448211935885,21.452916901818668C,42.070430379073585,21.367170384119568,41.53051448409359,20.947323060410895,41.1623960041417,20.367497657967174ZM,46.720674659706916,27.42877103431745C,44.85960080272383,24.5419922301487,49.15115669572004,20.750554045448485,50.95525102036592,23.49934930748543C,52.917535228121366,26.557066333629063,48.53818886115354,30.593107112896192,46.720674659706916,27.42877103431745ZM,35.927316941328044,27.587068172755078C,33.85838376555809,25.19773425893264,36.89523865762931,21.337119709109327,39.180017483504685,22.344846511165294C,42.49981571909847,23.641266043662846,40.031652197319154,29.874361791762357,37.06891938618173,28.458304685164308C,36.661362900937824,28.222779168203434,36.29639229332191,27.898792879026413,35.927316941328044,27.58706817275508ZM,27.1272065251372,27.587068172755078C,24.695525863191637,24.81645987441694,29.13854986679052,20.26508611253419,31.219682315802373,23.163379873366093C,33.33116586688075,26.18439877593681,29.368782409258564,30.470852221939968,27.1272065251372,27.587068172755078ZM,18.43463094436369,27.42877103431745C,16.57240917904756,24.54283579405255,20.866309915722614,20.749242293265468,22.668602075003204,23.500473371856096C,24.625315799758084,26.563055843596786,20.258178849552056,30.59170667306558,18.43463094436369,27.42877103431745ZM,10.155559332656848,27.587068172755078C,7.723880361297925,24.81645987441694,12.166906055483453,20.26508611253419,14.248040195081959,23.163379873366093C,16.359518674400395,26.18439877593681,12.397136907364859,30.470852221939968,10.15555933265685,27.587068172755078ZM,1.4637140853146673,27.43120685087113C,-0.6700564695259172,24.024976244732226,5.100796550983553,20.30767887091693,6.0629246268469,24.580746669643723C,6.774257554859526,27.440376741131633,2.9219076197183456,29.930527885233793,1.4637140853146673,27.43120685087113ZM,40.80996954944361,35.00266107626286C,38.73654786612692,32.37808420844979,42.42439019586015,27.793009140481434,44.637080716537604,30.181874866024703C,47.369616487526535,32.561655263948204,43.74895807112944,38.075541627641584,41.24024075687132,35.53081664271779C,41.09875048865691,35.35248847094458,40.953765777843984,35.17827499351902,40.80996954944361,35.00266107626286ZM,34.517428539177835,41.51097315737657C,32.76957326991796,38.46936015803322,37.31261745129001,35.1310003523447,38.95369864912353,37.98333328668873C,41.09437694100215,41.01324157905316,36.79483978844731,45.14140201162553,34.814949811354104,42.114486411741545L,34.517428539177835,41.51097315737657ZM,28.888907699032785,49.60524725284358C,27.000522414773783,47.49769049545386,29.594411484287907,44.1783284088813,31.65007017370871,44.74289541093203C,34.77900286748733,45.72768304981271,32.80724799333758,51.8496676130013,29.937321626752265,50.68785942952357C,29.49262971522899,50.50147305683992,29.13179766372398,50.08734299264589,28.888907699032785,49.60524725284359Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow11',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 11',
                            image: CONF.img_widgets,
                            imagePos: '-256px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:11',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,0.99835,26.00075779649253L,15.59498339300869,0.5044100000000071L,15.59498339300869,13.252550000000008L,36.7493233571847,13.252550000000008L,36.7493233571847,0.5044100000000099L,51.345949999999995,26.00075779649253L,36.74932335718471,51.496970000000005L,36.74932335718471,38.748862424409474L,15.594983393008697,38.748862424409474L,15.594983393008697,51.496970000000005L,0.9983500000000052,26.00075779649253Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow12',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 12',
                            image: CONF.img_widgets,
                            imagePos: '-208px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:12',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,0.99865,37.75000000000001L,13.748646484892031,25.5L,13.748646484892031,31.625000000000004L,32.87361554111,31.625000000000004L,32.87361554111,13.25L,26.498620721479995,13.25L,39.24861036074001,1L,51.99860000000002,13.25L,45.623605180370014,13.25L,45.623605180370014,43.87500000000001L,13.748649907708044,43.87500000000001L,13.748649907708044,50.00000000000001L,0.9986517114080079,37.75000000000001Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow13',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 13',
                            image: CONF.img_widgets,
                            imagePos: '-304px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:13',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,32.52940574009496,46.17395426304288L,32.87801915935931,40.85882331345046L,28.77554657679502,39.93385418886249C,18.389000171504716,37.59214347708724,8.207849782569065,27.66228499981805,2.5390805452206546,14.344961475167809C,1.5220516767866263,11.955712232064505,0.8413319264859006,9.653779733461928,1.026376182814888,9.229547411847093C,1.4508306520354508,8.256328832275269,11.793663341692934,0.5082399999999723,12.668322797218329,0.5082399999999723C,13.025127259341621,0.5082399999999723,13.88224413287278,1.933220641811201,14.57301644989933,3.674868701798748C,17.51908067602514,11.102651718736658,25.143417898449393,18.84987882536855,30.511483462370766,19.870106932470673L,32.68785655700794,20.283759178130317L,32.31365478607785,15.690189408681553C,31.92518752598634,10.921457146433562,32.0344397198293,9.92008886251038,32.94315898091558,9.92008886251038C,33.52422977075198,9.92008886251038,50.87045984916217,28.232910146153962,51.36633804990707,29.369894896890933C,51.742521279544846,30.23238891233176,49.35670478998217,33.43209351674338,40.8146042059423,43.521131869808926C,37.10413273821501,47.90349507774053,33.64361561403003,51.489089999999976,33.12454775843516,51.489089999999976C,32.293752359399356,51.489089999999976,32.22252457775574,50.85293301216516,32.52940405087185,46.17395905040755Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow14',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 14',
                            image: CONF.img_widgets,
                            imagePos: '-352px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:14',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,50.999970000000026,28.863103768251033C,50.999970000000026,20.31401601179178,28.61421607718854,13.383601490086168,1,13.383601490086168L,1,1L,1,1C,28.61421607718854,1,50.999970000000026,7.9304078727911635,50.999970000000026,16.479502278164862L,50.999970000000026,28.863103768251033C,50.999970000000026,35.92173096941268,35.575902198331114,42.086411623552195,13.49999208053713,43.851068423842605L,13.49999208053713,50.04286999999999L,1.0000000000000047,38.15080613248711L,13.49999208053713,25.27566701982766L,13.49999208053713,31.46746859598505L,13.49999208053713,31.46746859598505C,28.38594605694223,30.27754894693676,40.676072470459324,27.033625038815543,46.82573550713582,22.671305516550866"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow15',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 15',
                            image: CONF.img_widgets,
                            imagePos: '-432px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:15',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,1.00059,51.000549999999976L,1.00059,22.87557375838841L,1.00059,22.87557375838841C,1.00059,10.794355291662441,10.794353613811221,1.0005899999999883,22.87557543623965,1.0005899999999883L,22.87557543623965,1.0005899999999883L,22.87557543623965,1.0005899999999883C,28.677180634094036,1.0005899999999883,34.24116854048302,3.305269673661689,38.34352822535278,7.407624324977749C,42.44588455452006,11.509978976293807,44.75055919462807,17.07396688268279,44.75055919462807,22.87557375838841L,44.75055919462807,26.000571677851216L,51.00054999999998,26.000571677851216L,38.500566711404915,38.50056671140491L,26.00057167785122,26.000571677851216L,32.25056751677684,26.000571677851216L,32.25056751677684,22.87557375838841C,32.25056751677684,17.697909420299236,28.05323809647759,13.500583355702451,22.875577114090877,13.500583355702451L,22.875577114090877,13.500583355702451L,22.875577114090877,13.500583355702451C,17.69790942029924,13.500583355702451,13.500583355702453,17.69790942029924,13.500583355702453,22.87557375838841L,13.500583355702453,51.000549999999976Z"
                                }
                            }
                        },
                        {
                            id: 'xui.svg.arrow16',
                            key: 'xui.svg.path',
                            caption: '$RAD.widgets.Arrow 16',
                            image: CONF.img_widgets,
                            imagePos: '-288px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Arrow:16',
                                attr: {
                                    stroke: "#004A7F",
                                    fill: "#ffffff",
                                    "stroke-width": 2,
                                    path: "M,0.49805,25.439456L,24.99926,0.64063L,49.50047,25.4394563L,37.249864175,25.439456L,37.249864,50.35761L,12.748655824949822,50.35761L,12.748655824949822,25.439456Z"
                                }
                            }
                        }
                    ]
                },
                {
                    id: 'xui.svg.3',
                    key: 'xui.svg.3',
                    caption: '$(RAD.widgets.group.Flow Charting)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub: [
                        {
                            id: 'xui.svg.flowchart1',
                            key: 'xui.svg.rectComb',
                            caption: '$RAD.widgets.esd.flowchart1',
                            image: CONF.img_widgets,
                            imagePos: '-0px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'FlowChart:Process',
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        r: 0,
                                        x: 0,
                                        y: 0,
                                        width: 120,
                                        height: 40
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Process"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart7',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Predefined Process)',
                            image: CONF.img_widgets,
                            imagePos: '-96px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:PredefinedProcess",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M0,0L120,0L120,40L0,40ZM10,0L10,40M110,40,L110,0"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Predefined\nProcess"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart2',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Decision',
                            image: CONF.img_widgets,
                            imagePos: '-16px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'FlowChart:Decision',
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,21.36476L,60.2936,1L,120.58739,21.36476L,60.2936,41.72952L,0,21.36476Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Decision"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart3',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Document',
                            image: CONF.img_widgets,
                            imagePos: '-32px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'FlowChart:Document',
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,0L,120,0L,120,32.62610359739182C,60,32.62610359739182,60,45.05724788362474,0,37.994098425147286Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "document"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart4',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Predefined Document)',
                            image: CONF.img_widgets,
                            imagePos: '-64px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'FlowChart:PredefinedDocument',
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,10,0L10,39M,0,0L,120,0L,120,32.62610359739182C,60,32.62610359739182,60,45.05724788362474,0,37.994098425147286Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Predefined\nDocument"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart5',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Documents',
                            image: CONF.img_widgets,
                            imagePos: '-48px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Documents",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0.9251417258216179,6.810089925759371L,102,6.810089925759371L,102,44.77726112327605C,50.1223741781356,44.77726112327605,52.38644991767603,66.29607530764349,0,59.4003656850015ZM,6.239259333903419,6.711897745285995V,3.7031159973991805H,111V,35.6424914749671H,102V6.711897745285995M,15.314076715326337,3.8574124972907384V,0H,120.49946V,31.939375477567893H,111V,3.8574124972907384"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Documents"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart6',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Data',
                            image: CONF.img_widgets,
                            imagePos: '-80px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Data",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,40L,22,0L,110,0L,88,40Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Data"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart8',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Stored Data)',
                            image: CONF.img_widgets,
                            imagePos: '-112px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:StoredData",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,19.83397200668898,0.9981299999999784L,119.00064000000003,0.9981299999999784C,108.04699247491641,0.9981299999999784,99.16730799331106,10.026772935754096,99.16730799331106,21.164165675959346C,99.16730799331106,32.30155976808327,108.04699247491641,41.33020000000002,119.00064000000003,41.33020000000002L,19.83397200668898,41.33020000000002L,19.83397200668898,41.33020000000002C,8.880324481605385,41.33020000000002,0.0006400000000326145,32.30155841616458,0.0006400000000326145,21.16416567595934C,0.0006400000000326145,10.026772935754092,8.880324481605385,0.9981299999999749,19.83397200668898,0.9981299999999749Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Stored\nData"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart9',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Internal Storage)',
                            image: CONF.img_widgets,
                            imagePos: '-128px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:InternalStorage",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,0L,80,0L,80,80L,0,80ZM,6.666666666666666,0L,6.666666666666666,80M,0,6.666666666666666L,80,6.666666666666666"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Internal\nStorage"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart10',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Sequential Data)',
                            image: CONF.img_widgets,
                            imagePos: '-144px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:SequentialData",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,40,80L,40,80C,17.908609395973173,80,0,62.091395973154334,0,40L,0,40C,0,17.908609395973144,17.908609395973173,0,40,0L,40,0C,50.60866040268456,0,60.78281610738253,4.214273825503341,68.28426845637586,11.715726174496638C,75.78572348993288,19.21718389261747,80,29.391336912751683,80,40L,80,40C,80,50.60866040268456,75.78572348993288,60.78281610738253,68.28426845637586,68.28426845637583L,80,68.28426845637583L,80,80Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Sequential\nData"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart11',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Direct Data)',
                            image: CONF.img_widgets,
                            imagePos: '-160px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:DirectData",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,75,60C,66.71573143835322,60,60,46.56854048887718,60,30C,60,13.431455484277029,66.71571784774737,0,75,0M,75,60C,75,60,75,60,75,60C,66.71573143835322,60,60,46.56854048887718,60,30C,60,13.431455484277029,66.71571784774737,0,75,0M,75,0C,75,0,75,0,75,0C,83.28426554151217,0,90,13.431455484277029,90,30C,90,46.56854048887718,83.28426554151217,60,75,60C,75,60,15,60,15,60C,6.715711807478093,60,0,46.56854048887718,0,30C,0,13.431455484277029,6.715711807478093,0,15,0C,15,0,75,0,75,0"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Direct\nData"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart12',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Manual Input)',
                            image: CONF.img_widgets,
                            imagePos: '-176px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:ManualInput",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,8.103702951102562L,120,0L,120,40.51852L,0,40.51852Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Manual\nInput"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart13',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Manual Operation)',
                            image: CONF.img_widgets,
                            imagePos: '-192px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:ManualOperation",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,0C,0,0,90,11.437498508808677,90,11.437498508808677C,90,11.437498508808677,90,49.56249558515053,90,49.56249558515053C,90,49.56249558515053,0,61,0,61C,0,61,0,0,0,0"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Manual\nOperation"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart14',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Card',
                            image: CONF.img_widgets,
                            imagePos: '-208px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Card",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,9.983221476510067L,15.973154362416118,0L,80,0L,80,50L,0,50L,0,9.983221476510067Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Card"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart15',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Paper Type)',
                            image: CONF.img_widgets,
                            imagePos: '-224px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:PaperType",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,6.1L,0,6.1C,0,8.91665,12.20024,11.2,27.25,11.2C,42.2998,11.2,54.5,8.91665,54.5,6.1L,54.5,6.1C,54.5,3.2833,66.70024,1,81.75,1C,96.79976,1,109,3.28335,109,6.1L,109,46.9C,109,44.083342,96.7998,41.79999,81.75,41.79999C,66.70024,41.79999,54.5,44.08334,54.5,46.9C,54.5,49.71664,42.2998,52,27.25,52C,12.20024,52,0,49.71664,0,46.9Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Paper Type"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart16',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Display',
                            image: CONF.img_widgets,
                            imagePos: '-240px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Display",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,20.4231L,20,0L,100,0C,111.04558,0,120,9.14371,120,20.4231C,120,31.7023181,111.045576,40.84615,100,40.84615L,20,40.84615L,0,20.4231Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Display"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart17',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Preparation',
                            image: CONF.img_widgets,
                            imagePos: '-256px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Preparation",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,20.2407L,24.18486,0L,96.7394,0L,120.92436,20.2407L,96.7394,40.48144L,24.18486,40.48144L,0,20.2407Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Preparation"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart18',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Loop Limit)',
                            image: CONF.img_widgets,
                            imagePos: '-272px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:LoopLimit",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,17.2806L,35.147,0L,84.853,0L,120,17.2806L,120,59L,0,59L,0,41.7194Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Loop\nLimit"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart19',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Termination',
                            image: CONF.img_widgets,
                            imagePos: '-288px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Termination",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,20.3051,0.4561L,101.6955,0.4561L,101.6955,0.4561C,112.3579,0.4561,121.00146,9.58022,121.00146,20.83534C,121.00146,32.09045,112.35791,41.2145,101.6955,41.2145L,20.3051,41.2145L,20.3051,41.2145C,9.6427,41.2145,0.99917,32.09045,0.99917,20.83534C,0.99917,9.58022,9.6427,0.45615,20.3051,0.45615Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Termination"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart20',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Collate',
                            image: CONF.img_widgets,
                            imagePos: '-304px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Collate",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,0L,80,0L,40,40L,80,80L,0,80L,40,40Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Collate"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart21',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Delay',
                            image: CONF.img_widgets,
                            imagePos: '-320px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Delay",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,0L,60,0L,60,0C,93.1371,0,120,13.4315,120,30C,120,46.5685,93.1371,60,60,60L,0,60Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Delay"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart22',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Extract',
                            image: CONF.img_widgets,
                            imagePos: '-336px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Extract",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,80L,40,0L,80,80Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Extract"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart23',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Merge',
                            image: CONF.img_widgets,
                            imagePos: '-352px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Merge",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,0L,80,0L,40,80Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Merge"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart24',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Or',
                            image: CONF.img_widgets,
                            imagePos: '-368px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Or",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,40.5L,0,40.5C,0,18.1325,18.1325,0,40.5,0L,40.5,0C,51.2412,0,61.54259,4.267,69.1378,11.86217C,76.7330,19.4574,81,29.758729,81,40.5L,81,40.5C,81,62.86752,62.86752,81,40.5,81L,40.5,81C,18.1325,81,0,62.8675,0,40.5ZM,40.5,0L,40.5,81M,0,40.5L,81,40.5"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Or"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart25',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Sort',
                            image: CONF.img_widgets,
                            imagePos: '-384px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Sort",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,40L,80,40M,0,40L,40,0L,80,40L,40,80L,0,40Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Sort"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart26',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Summing Junction)',
                            image: CONF.img_widgets,
                            imagePos: '-400px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:SummingJunction",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,11.8622,11.8622C,11.8622,11.8622,11.8622,11.8622,11.8622,11.8622C,27.6784,-3.9541,53.32160,-3.9541,69.1378,11.8622C,69.1378,11.8622,69.1378,11.8622,69.1378,11.8622C,76.733,19.45735,81,29.758758,81,40.5C,81,51.2412,76.733,61.5426,69.1378,69.1378C,69.1378,69.1378,69.1378,69.1378,69.1378,69.1378C,53.3216,84.954,27.6784,84.954,11.8622,69.1378C,11.8622,69.1378,11.8622,69.1378,11.8622,69.1378C,-3.954,53.3216,-3.954,27.6784,11.8622,11.8622C,11.8622,11.8622,11.8622,11.8622,11.8622,11.8622M,69.1378,11.8622C,69.1378,11.8622,11.8622,69.1378,11.8622,69.1378M,11.8622,11.8622C,11.8622,11.8622,69.1378,69.1378,69.1378,69.1378"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Summing\nJunction"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart27',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Database',
                            image: CONF.img_widgets,
                            imagePos: '-416px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Database",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,81,14.11178L,81,14.11178C,81,21.5369,62.8682,27.5562,40.5007,27.5562C,18.1332,27.5562,0,21.53695,0,14.11178M,81,14.11178L,81,14.11178C,81,21.5369,62.8682,27.5562,40.5007,27.5562C,18.1332,27.5562,0,21.53695,0,14.11178M,81,19.11178L,81,19.11178C,81,26.5369,62.8682,32.5562,40.5007,32.5562C,18.1332,32.5562,0,26.53695,0,19.11178M,81,19.11178L,81,19.11178C,81,26.5369,62.8682,32.5562,40.5007,32.5562C,18.1332,32.5562,0,26.53695,0,19.11178M,81,24.11178L,81,24.11178C,81,31.5369,62.8682,37.5562,40.5007,37.5562C,18.1332,37.5562,0,31.53695,0,24.11178M,81,24.11178L,81,24.11178C,81,31.5369,62.8682,37.5562,40.5007,37.5562C,18.1332,37.5562,0,31.53695,0,24.11178M,0,14.11178L,0,14.11178C,0,6.6866,18.1332,0.6673,40.5007,0.6673C,62.8682,0.6673,81,6.6866,81,14.11178L,81,67.8896C,81,75.3147,62.8682,81.33398,40.5007,81.33398C,18.1332,81.33398,0,75.3147,0,67.8896Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Database"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart28',
                            key: 'xui.svg.circleComb',
                            caption: '$(RAD.widgets.flow.On Page Refrence)',
                            image: CONF.img_widgets,
                            imagePos: '-432px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:OnPageRefrence",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        r: 40,
                                        cx: 0,
                                        cy: 0
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "On Page\nRefrence"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart29',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Off Page Refrence)',
                            image: CONF.img_widgets,
                            imagePos: '-448px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:OffPageRefrence",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0.99791,0.9981L,44.63428,0.9981L,80.99792,41.4071L,44.6343,81.81607L,0.99791,81.81607Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Off Page\nRefrence"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart30',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.flow.Process ISO9000)',
                            image: CONF.img_widgets,
                            imagePos: '-464px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:ProcessISO9000",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0.99844,0.99688L,61.7477,0.99688L,81.99749,40.9978L,61.7477,80.9989L,0.99844,80.9989L,21.24822,40.9978L,0.99844,0.99688Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Process\nISO9000"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart31',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Transport',
                            image: CONF.img_widgets,
                            imagePos: '-480px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Transport",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,25.2174L,21.52173,0.1087L,21.52173,12.66299L,88.47826,12.66299L,88.47826,0.1087L,110,25.2174L,88.47826,50.3261L,88.47826,37.7717L,21.52173,37.7717L,21.52173,50.3261L,0,25.2174Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Transport"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.flowchart32',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.flow.Callout',
                            image: CONF.img_widgets,
                            imagePos: '-496px -48px',
                            draggable: true,
                            iniProp: {
                                svgTag: "FlowChart:Callout",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0,40.2174L,17.60869,20.1087L,17.60869,30.1630L,31.79397,30.1630L,31.79397,0L,58.20603,0L,58.20603,30.1630L,72.3913,30.1630L,72.3913,20.1087L,90,40.2174L,72.3913,60.3261L,72.3913,50.2717L,58.20603,50.2717L,58.20603,80.4348L,31.79397,80.4348L,31.79397,50.2717L,17.60869,50.2717L,17.60869,60.3261L,0,40.2174Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Callout"
                                    }
                                }
                            }
                        }/*,
                {id:'xui.svg.flowchart33',key:'xui.svg.pathComb', caption:'$RAD.widgets.flow.Wave', image:CONF.img_widgets, imagePos:'-512px -48px', draggable:true,
                    iniProp:{
                        svgTag:"FlowChart:Wave",
                        attr:{
                            KEY:{
                                stroke: "#004A7F",
                                "stroke-width" : 1,
                                fill:'90-#5198D3-#A1C8F6',
                                path:"M,0,-0.907C,36.6669,-22.01378,73.3337,20.1998,110.00061,-0.907L,110.00061,37.0852C,73.3337,58.192,36.6669,15.9784,0,37.0852Z"
                            },
                            TEXT:{
                                fill:'#fff',
                                'font-size':'12px',
                                'font-weight':'bold',
                                text:"Wave"
                            }
                        }
                    }
                },
                {id:'xui.svg.ellipseComb',key:'xui.svg.ellipseComb', caption:'$(RAD.widgets.flow.Ellipse Box)', image:CONF.img_widgets, imagePos:'-624px top', draggable:true,
                    iniProp:{
                        attr:{
                            KEY:{
                                stroke: "#004A7F",
                                "stroke-width" : 2,
                                fill:"#fff",
                                rx:40,
                                ry:10,
                                cx:0,
                                cy:0
                            },
                            TEXT:{
                                'font-size':'13px',
                                'font-weight':'bold',
                                text:"Ellipse"
                            }
                        }
                    }
                },
                {id:'xui.svg.imageComb',key:'xui.svg.imageComb', caption:'$(RAD.widgets.flow.Image Box)', image:CONF.img_widgets, imagePos:'-624px top', draggable:true,
                    iniProp:{
                        attr:{
                            KEY:{
                                src:CONF.img_dft,
                                x:0,
                                y:0,
                                width:80,
                                height:40
                            },
                            TEXT:{
                                'font-size':'13px',
                                'font-weight':'bold',
                                text:"Image"
                            }
                        }
                    }
                },
            */
                    ]
                },
                {
                    id: 'xui.svg.2',
                    key: 'xui.svg.2',
                    caption: '$RAD.widgets.group.Connectors',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub: [
                        {
                            id: 'xui.svg.connector1',
                            key: 'xui.svg.connector',
                            caption: '$RAD.widgets.Straight',
                            image: CONF.img_widgets,
                            imagePos: '-464px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: "Connectors:Straight",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 2,
                                        path: "M0,0L100,100",
                                        'arrow-start': 'oval-midium-midium',
                                        'arrow-end': 'classic-wide-long'
                                    },
                                    BG: {
                                        stroke: "#fff",
                                        "stroke-width": 4,
                                        path: "M0,0L100,100"
                                    }
                                },
                                type: "straight"
                            }
                        },
                        {
                            id: 'xui.svg.connector2',
                            key: 'xui.svg.connector',
                            caption: '$RAD.widgets.Bezier',
                            image: CONF.img_widgets,
                            imagePos: '-480px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: "Connectors:Bezier",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 2,
                                        path: "M0,0C40,0,60,100,100,100",
                                        'arrow-start': 'oval-midium-midium',
                                        'arrow-end': 'classic-wide-long'
                                    },
                                    BG: {
                                        stroke: "#fff",
                                        "stroke-width": 4,
                                        path: "M0,0C40,0,60,100,100,100"
                                    }
                                },
                                type: "bezier"
                            }
                        },
                        {
                            id: 'xui.svg.connector3',
                            key: 'xui.svg.connector',
                            caption: '$RAD.widgets.Flowchart',
                            image: CONF.img_widgets,
                            imagePos: '-496px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: "Connectors:flowchart",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 2,
                                        path: "M0,0H100V100",
                                        'arrow-start': 'oval-midium-midium',
                                        'arrow-end': 'classic-wide-long'
                                    },
                                    BG: {
                                        stroke: "#fff",
                                        "stroke-width": 4,
                                        path: "M0,0H100V100"
                                    }
                                },
                                type: "flowchart"
                            }
                        }
                    ]
                },
                {
                    id: 'xui.svg.5',
                    key: 'xui.svg.5',
                    caption: '$RAD.widgets.group.Tips',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub: [
                        {
                            id: 'xui.svg.Tips1',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.tips.Rect',
                            image: CONF.img_widgets,
                            imagePos: '-560px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:Rect',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,1,1L,14.3333,1L,14.3333,1L,34.3333375,1L,81,1L,81,31.94176L,81,31.94176L,81,45.02512143L,81,54.043014L,34.333337,54.043014L,1.12948726,80.04165L,14.3333354,54.043014L,1,54.043014L,1,45.202512143L,1,31.94176L,1,31.94176Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Rect"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips2',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.tips.Rounded Rect)',
                            image: CONF.img_widgets,
                            imagePos: '-576px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:RoundedRect',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0.99786,9.159489014047274L,0.99786,9.159489014047274C,0.99786,4.653431147883801,5.101916751125949,1.000557,10.164526610039042,1.000557L,14.331195447427335,1.000557L,14.331195447427335,1.000557L,34.33119996085034,1.000557L,71.83119802083297,1.000557C,74.26235529012502,1.000557,76.59393134225735,1.8601483530708651,78.31301874777792,3.390247515531974C,80.03209541504246,4.9203466779930825,80.99787000000003,6.995605765829464,80.99787000000003,9.159489014047274L,80.99787000000003,29.556838882608343L,80.99787000000003,29.556838882608343L,80.99787000000003,41.79524507023639L,80.99787000000003,41.79524507023639C,80.99787000000003,46.301305269842736,76.89381593343809,49.95418408428366,71.83120070539698,49.95418408428366L,34.33120264541435,49.95418408428366L,8.203664685765622,70.70047000000001L,14.331198131991346,49.95418408428366L,10.164529294603051,49.95418408428366C,5.101919435689959,49.95418408428366,0.9978626845640112,46.301305269842736,0.9978626845640112,41.79524507023639L,0.9978626845640112,41.79524507023639L,0.9978626845640112,29.556838882608343L,0.9978626845640112,29.556838882608343Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Rounded\nRect"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips3',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.tips.Ellipse',
                            image: CONF.img_widgets,
                            imagePos: '-592px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:Ellipse',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,1.8620599800811821,81.34811L,19.382567846700734,52.701437653254935L,19.382567846700734,52.701437653254935C,0.8209957278128424,44.06000794859641,-4.475525527094038,27.781401862043857,7.146142020693278,15.093643161498537C,18.767591493878403,2.4059579134430455,43.50431042721985,-2.5384066639933027,64.29338017792892,3.670975736481024C,85.08244395399137,9.88032277094173,95.12090183917283,25.211149617556345,87.48410850987938,39.08914606557063C,79.84771846923381,52.96713707265974,57.035678177647895,60.850382015936646,34.7826049140013,57.30124748276337L,1.8620599800811801,81.34811Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Ellipse"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips4',
                            key: 'xui.svg.pathComb',
                            caption: '$RAD.widgets.tips.Scream',
                            image: CONF.img_widgets,
                            imagePos: '-608px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:Scream',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,81.67374000000002,39.177493612780616L,72.02389902994798,39.74921714392869L,69.44215207481922,53.67903750044462L,60.90519496038335,50.31132461488855L,48.5245744397902,61.000149947893306L,43.810914519107264,54.762227908577046L,4.109187525632412,81.43835L,26.16836159424285,51.68879642597611L,7.845325973780179,47.821205262131365L,13.578919869275847,42.066826708746646L,0.9990400000000079,31.505362887751875L,10.039653006977167,28.951220658738L,7.196953826333474,15.049083049369031L,16.67424921967613,16.506097818979494L,24.471264562431983,3.677110258152475L,31.376274916037428,8.682691956210975L,47.33750516989222,0.9999700000000153L,49.47793466962554,7.9648801782579755L,68.53580970431044,7.86763104704693L,65.23208592162646,14.580560961946953L,81.33585535250896,22.099662458114857L,73.6368949491035,26.42930151851666L,81.67374000000002,39.177493612780616Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Scream"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips5',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.tips.Ellipse Balloon)',
                            image: CONF.img_widgets,
                            imagePos: '-624px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:EllipseBalloon',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,1.8836680201342282,79.03617184798024C,1.8836680201342282,78.49158367762735,2.476849328859061,78.05047607174782,3.2091713758389266,78.05047607174782C,3.9414934228187923,78.05047607174782,4.534674731543625,78.49158367762735,4.534674731543625,79.03617184798024C,4.534674731543625,79.5807423941205,3.9414934228187923,80.02185000000004,3.2091713758389266,80.02185000000004C,2.476849328859061,80.02185000000004,1.8836680201342282,79.5807423941205,1.8836680201342282,79.03617184798024ZM,4.600949899328859,71.95396424782331C,4.600949899328859,70.59246444825334,6.083901845637584,69.48967927802626,7.914710939597315,69.48967927802626C,9.745517382550338,69.48967927802626,11.228469328859061,70.59246444825334,11.228469328859061,71.95396424782331C,11.228469328859061,73.31540236264905,9.745517382550338,74.41820515708874,7.914710939597315,74.41820515708874C,6.083901845637584,74.41820515708874,4.600949899328859,73.31541998686167,4.600949899328859,71.95396424782331ZM,10.897093489932887,61.21634220445167C,10.897093489932887,57.45215699560502,16.057768489932883,54.403194646453066,22.42897798657718,54.403194646453066C,28.800168926174496,54.403194646453066,33.96084657718121,57.45215699560502,33.96084657718121,61.21634220445167C,33.96084657718121,64.98050097697939,28.800168926174496,68.02943688981239,22.42897798657718,68.02943688981239C,16.057768489932883,68.02943688981239,10.897093489932887,64.98050097697939,10.897093489932887,61.21634220445167ZM,1,30.373987721299663C,1,14.14543648690969,18.676796107382547,1.0002999999999957,40.5,1.0002999999999957C,62.32321184563759,1.0002999999999957,80,14.14543648690969,80,30.373987721299663C,80,46.60255657990227,62.32321184563759,59.747675442599316,40.5,59.747675442599316C,18.676796107382547,59.747675442599316,1,46.602556579902256,1,30.373987721299656Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Ellipse\nBalloon"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips6',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.tips.Cloud Balloon)',
                            image: CONF.img_widgets,
                            imagePos: '-640px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:CloudBalloon',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,0.26745148572173905,70.07099965668137C,0.26745148572173905,69.70317180499865,0.9048690319463889,69.40523719704265,1.6918036763225806,69.40523719704265C,2.478738320699046,69.40523719704265,3.116155866923605,69.70317180499865,3.116155866923605,70.07099965668137C,3.116155866923605,70.43881560455009,2.478738320699046,70.73675021250608,1.6918036763225806,70.73675021250608C,0.9048690319463889,70.73675021250608,0.26745148572173905,70.43881560455009,0.26745148572173905,70.07099965668137ZM,3.187373476453651,65.28750756384254C,3.187373476453651,64.36791809494584,4.780915917662916,63.62307066322638,6.748256801660338,63.62307066322638C,8.715594836953313,63.62307066322638,10.309137278162579,64.36791809494584,10.309137278162579,65.28750756384254C,10.309137278162579,66.20705536939036,8.715594836953313,66.9519147049238,6.748256801660338,66.9519147049238C,4.780915917662916,66.9519147049238,3.187373476453651,66.20706727320432,3.187373476453651,65.28750756384254ZM,9.953049230512345,58.03506128717294C,9.953049230512345,55.492640731455296,15.498579318832297,53.433298770311914,22.34491898614917,53.433298770311914C,29.191238712535284,53.433298770311914,34.7367716495595,55.492640731455296,34.7367716495595,58.03506128717294C,34.7367716495595,60.5774639871696,29.191238712535284,62.63678809259197,22.34491898614917,62.63678809259197C,15.498579318832297,62.63678809259197,9.953049230512345,60.5774639871696,9.953049230512345,58.03506128717294ZM,49.07162591512942,0.29910081122720544C,48.89711508523255,0.30395420804860773,48.72847222680265,0.3168839605180883,48.553241714599125,0.3322285622849256C,45.749550823902325,0.5777540396676714,43.274991946028976,2.142114268937208,42.01788755066653,4.473114500704652L,41.351388957802854,6.237132289643112C,41.495179865417214,5.6258152043655665,41.71596869353003,5.03294481872559,42.01788755066653,4.473114500704652C,39.77600708388265,2.4309411460857673,36.62930266770575,1.4883536596992057,33.52007294482425,1.9306123355801719C,30.41084052650347,2.3728686416384557,27.7106086844134,4.146515020071657,26.234912244008676,6.717476385600475C,22.06899212782409,4.461649298643208,16.876090750861277,4.59827431502339,12.858724383624109,7.0735943773698216C,8.841358016386943,9.548912069893554,6.700109082330672,13.93166210967602,7.350882482020944,18.353364924630906L,7.776699904361875,20.15051046462703C,7.584277879978334,19.56174698166846,7.440575921862418,18.96278852159771,7.350882482020944,18.353364924630906L,7.286084120024863,18.51900131009674C,3.7939456738300374,18.85359657240718,0.9299605002923446,21.235796822888542,0.1860596710274721,24.4239074072776C,-0.557841158237218,27.612015621844,0.989004099274461,30.88323351733133,4.018405690338745,32.53176036843112L,8.74866994342656,33.54213900202114C,7.09698557236071,33.661670487506456,5.447991249767127,33.30970679487184,4.018405690338745,32.53176036843112C,1.6817212307047367,34.83304302395825,1.1440161209066722,38.24003753931114,2.6854165909295764,41.053706663072006C,4.226814365512658,43.86737104718755,7.518684363373527,45.4874908339817,10.914778914616189,45.120054569156245L,12.979062273446209,44.639710473198875C,12.314870976666993,44.88413398304162,11.625064919735731,45.0432059597207,10.914778914616189,45.120054569156245C,12.84271616931899,48.24046642942588,16.03948567600037,50.516702429188726,19.792122162825986,51.422479460093534C,23.5447586496516,52.32825886082104,27.530693498617975,51.79293487899636,30.854089355126813,49.940046370234256C,33.565318589768715,53.69918231492175,38.37736516820316,55.67362376790388,43.20276495318177,55.00848564004307C,48.0281620427211,54.34334751218231,52.008641322440866,51.153819773838556,53.42235613497098,46.826099386199374L,53.912969223869084,44.40782095544027C,53.83950771979875,45.22938396806145,53.68009943658508,46.0370929973732,53.42235613497098,46.826099386199374C,56.74132877550544,48.73970512150482,60.91621392297146,48.847543901952704,64.34547046454868,47.10767934563317C,67.77472700612572,45.36781478931369,69.91449075309936,42.050110452396474,69.94588183978048,38.43666646561201L,68.71647038830888,33.03766537167145L,63.87336965311288,29.384690372983886C,67.61830257427349,31.447187326792317,69.97929450597435,34.58960062069956,69.94588183978048,38.43666646561201C,74.39880155629436,38.47769520544043,78.18123612514437,35.1230192651002,79.87851115739173,31.27293663593305C,81.5757861896389,27.422849267120544,80.93373792712767,23.03353481855135,78.19375374549013,19.736428980253084C,79.3302507070955,17.281593665037573,79.2628242917323,14.489233986695584,78.0086228845505,12.084072524396626C,76.75441339105069,9.678911062097667,74.44093396878853,7.891277990285649,71.65839958155718,7.189545060805779C,71.03570457358536,4.001799429107365,68.46895088815319,1.4376015374692959,65.07676202852953,0.597255310391901C,61.68457316890623,-0.24309091668553248,58.07250923511023,0.793130633084753,55.80137246961153,3.2639859495271017L,54.42209728566841,5.309583697899369C,54.7745340671198,4.569848292136398,55.234828854198305,3.8803412777940305,55.80137246961153,3.2639859495271017C,54.20039200817621,1.3220774221133456,51.6893180134158,0.2263235571330652,49.07162052425087,0.29911029051786775Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        'font-weight': 'bold',
                                        text: "Cloud\nBalloon"
                                    }
                                }
                            }
                        },
                        {
                            id: 'xui.svg.Tips7',
                            key: 'xui.svg.pathComb',
                            caption: '$(RAD.widgets.tips.Thought Balloon)',
                            image: CONF.img_widgets,
                            imagePos: '-656px -32px',
                            draggable: true,
                            iniProp: {
                                svgTag: 'Tips:ThoughtBalloon',
                                vAlign: "33.33%",
                                attr: {
                                    KEY: {
                                        stroke: "#004A7F",
                                        "stroke-width": 1,
                                        fill: '90-#5198D3-#A1C8F6',
                                        path: "M,3.916107382550336,1C,2.3005838926174498,1,1,2.4849578544061304,1,4.329501915708812L,1,48.82375478927202C,1,50.66829582375479,2.3005838926174498,52.15325670498084,3.916107382550336,52.15325670498084L,16.94746224832215,52.15325670498084C,16.40892879194631,52.857071034482765,16.11073825503356,53.620919310344824,16.11073825503356,54.423371647509576C,16.11073825503356,57.85153881226054,21.508686308724837,60.62835249042146,28.172818791946312,60.62835249042146C,34.836951275167785,60.62835249042146,40.23489932885906,57.85153881226054,40.23489932885906,54.423371647509576C,40.23489932885906,53.620919310344824,39.93670879194631,52.857071034482765,39.39817533557047,52.15325670498084L,77.08389261744968,52.15325670498084C,78.69941345637585,52.15325670498084,80.00000000000001,50.66829582375479,80.00000000000001,48.82375478927202L,80.00000000000001,4.329501915708812C,80.00000000000001,2.4849578544061304,78.69941345637585,1,77.08389261744968,1L,3.916107382550336,1ZM,18.231543624161077,61.23371647509579C,14.569933389261747,61.23371647509579,11.604026845637584,62.859167203065134,11.604026845637584,64.86590038314176C,11.604026845637584,66.87263356321839,14.569933389261747,68.49808429118774,18.231543624161077,68.49808429118774C,21.893156510067115,68.49808429118774,24.859060402684566,66.87263356321839,24.859060402684566,64.86590038314176C,24.859060402684566,62.859167203065134,21.893156510067115,61.23371647509579,18.231543624161077,61.23371647509579ZM,11.604026845637584,70.31417624521073C,9.553523523489933,70.31417624521073,7.89261744966443,71.53326429118773,7.89261744966443,73.03831417624521C,7.89261744966443,74.54336406130268,9.553523523489933,75.7624521072797,11.604026845637584,75.7624521072797C,13.654530167785238,75.7624521072797,15.315436241610742,74.54336406130268,15.315436241610742,73.03831417624521C,15.315436241610742,71.53326429118773,13.654530167785238,70.31417624521073,11.604026845637584,70.31417624521073ZM,5.241610738255034,76.97318007662835C,3.9234294630872486,76.97318007662835,2.8557046979865772,77.6504491954023,2.8557046979865772,78.48659003831418C,2.8557046979865772,79.32272482758621,3.9234294630872486,80,5.241610738255034,80C,6.55979201342282,80,7.627516778523489,79.32272482758621,7.627516778523489,78.48659003831418C,7.627516778523489,77.6504491954023,6.55979201342282,76.97318007662835,5.241610738255034,76.97318007662835Z"
                                    },
                                    TEXT: {
                                        fill: '#fff',
                                        'font-size': '12px',
                                        text: 'Thought\nBalloon'
                                    }
                                }
                            }
                        }
                    ]
                }/*,
            {id:'xui.svg.6',key:'xui.svg.6',caption:'$RAD.widgets.group.Groups',group:true,imageClass:'spafont spa-icon-com2', sub:[
                {id:'xui.svg.group1',key:'xui.svg.group', caption:'$RAD.widgets.tips.Group 1', image:CONF.img_widgets, imagePos:'-560px -32px', draggable:true,
                    iniProp:{
                        svgTag:'Group',
                        attr:{
                            KEY:{
                                stroke: "#004A7F",
                                "stroke-width" : 1,
                                fill:'90-#5198D3-#A1C8F6',
                                path:"M,1,1L,14.3333,1L,14.3333,1L,34.3333375,1L,81,1L,81,31.94176L,81,31.94176L,81,45.02512143L,81,54.043014L,34.333337,54.043014L,1.12948726,80.04165L,14.3333354,54.043014L,1,54.043014L,1,45.202512143L,1,31.94176L,1,31.94176Z"
                            },
                            PATH_1:{
                                stroke: "#004A7F",
                                "stroke-width" : 1,
                                fill:'90-#5198D3-#A1C8F6',
                                path:"M20,10L33.33330000000001,10L33.33330000000001,10L53.3333375,10L100,10L100,40.94176L100,40.94176L100,54.02512143000001L100,63.043014L53.333337,63.043014L20.12948725999999,89.04165L33.33333540000001,63.043014L20,63.043014L20,54.20251214300001L20,40.94176L20,40.94176Z"
                            },
                            TEXT_1:{
                                fill:'#fff',
                                x:50,
                                y:50,
                                'font-size':'12px',
                                'font-weight':'bold',
                                text:"Rect"
                            }
                        }
                    }
                }
            ]}*/
            ]
        },
        {
            id: 'xui.UI.ECharts',
            key: 'xui.UI.ECharts',
            caption: '$RAD.widgets.esd.ECharts',
            // itemStyle: "font-style: italic;",
            group: true,
            imageClass: 'xui-uicmd-location',
            sub: [
                {
                    id: 'xui.ECharts.1',
                    key: 'xui.ECharts.1',
                    caption: '$(RAD.widgets.fc.Line)',
                    group: true,
                    iniFold: false,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs11',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Line)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        xAxis: {
                                            type: 'category',
                                            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                        },
                                        yAxis: {
                                            type: 'value'
                                        },
                                        series: [{
                                            data: [820, 932, 901, 934, 1290, 1330, 1320],
                                            type: 'line',
                                            smooth: true
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.ECs12',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic area)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        xAxis: {
                                            type: 'category',
                                            boundaryGap: false,
                                            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                        },
                                        yAxis: {
                                            type: 'value'
                                        },
                                        series: [{
                                            data: [820, 932, 901, 934, 1290, 1330, 1320],
                                            type: 'line',
                                            areaStyle: {}
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.2',
                    key: 'xui.ECharts.2',
                    caption: '$(RAD.widgets.fc.Column 2D)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs21',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Bar)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        xAxis: {
                                            type: 'category',
                                            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                        },
                                        yAxis: {
                                            type: 'value'
                                        },
                                        series: [{
                                            data: [120, 200, 150, 80, 70, 110, 130],
                                            type: 'bar'
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.ECs22',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Stacked Bar)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        tooltip: {
                                            trigger: 'axis',
                                            axisPointer: {
                                                type: 'shadow'
                                            }
                                        },
                                        legend: {
                                            data: ['Direct', 'Email', 'Alliance', 'Video', 'Search']
                                        },
                                        grid: {
                                            left: '3%',
                                            right: '4%',
                                            bottom: '3%',
                                            containLabel: true
                                        },
                                        xAxis: {
                                            type: 'value'
                                        },
                                        yAxis: {
                                            type: 'category',
                                            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                        },
                                        series: [
                                            {
                                                name: 'Direct',
                                                type: 'bar',
                                                stack: 'sum',
                                                label: {
                                                    normal: {
                                                        show: true,
                                                        position: 'insideRight'
                                                    }
                                                },
                                                data: [320, 302, 301, 334, 390, 330, 320]
                                            },
                                            {
                                                name: 'Email',
                                                type: 'bar',
                                                stack: 'sum',
                                                label: {
                                                    normal: {
                                                        show: true,
                                                        position: 'insideRight'
                                                    }
                                                },
                                                data: [120, 132, 101, 134, 90, 230, 210]
                                            },
                                            {
                                                name: 'Alliance',
                                                type: 'bar',
                                                stack: 'sum',
                                                label: {
                                                    normal: {
                                                        show: true,
                                                        position: 'insideRight'
                                                    }
                                                },
                                                data: [220, 182, 191, 234, 290, 330, 310]
                                            },
                                            {
                                                name: 'Video',
                                                type: 'bar',
                                                stack: 'sum',
                                                label: {
                                                    normal: {
                                                        show: true,
                                                        position: 'insideRight'
                                                    }
                                                },
                                                data: [150, 212, 201, 154, 190, 330, 410]
                                            },
                                            {
                                                name: 'Search',
                                                type: 'bar',
                                                stack: 'sum',
                                                label: {
                                                    normal: {
                                                        show: true,
                                                        position: 'insideRight'
                                                    }
                                                },
                                                data: [820, 832, 901, 934, 1290, 1330, 1320]
                                            }
                                        ]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.3',
                    key: 'xui.ECharts.3',
                    caption: '$(RAD.widgets.fc.Pie 2D)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs31',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Pie)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        title: {
                                            text: 'Visitor Statistics',
                                            subtext: 'Fake data',
                                            x: 'center'
                                        },
                                        tooltip: {
                                            trigger: 'item',
                                            formatter: "{a} <br/>{b} : {c} ({d}%)"
                                        },
                                        legend: {
                                            orient: 'vertical',
                                            left: 'left',
                                            data: ['Direct', 'Email', 'Alliance', 'Video', 'Search']
                                        },
                                        series: [
                                            {
                                                name: 'Visitor Statistics',
                                                type: 'pie',
                                                radius: '55%',
                                                center: ['50%', '60%'],
                                                data: [
                                                    {value: 335, name: 'Direct'},
                                                    {value: 310, name: 'Email'},
                                                    {value: 234, name: 'Alliance'},
                                                    {value: 135, name: 'Video'},
                                                    {value: 1548, name: 'Search'}
                                                ],
                                                itemStyle: {
                                                    emphasis: {
                                                        shadowBlur: 10,
                                                        shadowOffsetX: 0,
                                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                                    }
                                                }
                                            }
                                        ]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.ECs32',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Customized Pie)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        backgroundColor: '#2c343c',

                                        title: {
                                            text: 'Customized Pie',
                                            left: 'center',
                                            top: 20,
                                            textStyle: {
                                                color: '#ccc'
                                            }
                                        },

                                        tooltip: {
                                            trigger: 'item',
                                            formatter: "{a} <br/>{b} : {c} ({d}%)"
                                        },

                                        visualMap: {
                                            show: false,
                                            min: 80,
                                            max: 600,
                                            inRange: {
                                                colorLightness: [0, 1]
                                            }
                                        },
                                        series: [
                                            {
                                                name: 'Pie',
                                                type: 'pie',
                                                radius: '55%',
                                                center: ['50%', '50%'],
                                                data: [
                                                    {value: 335, name: 'Serie 1'},
                                                    {value: 310, name: 'Serie 2'},
                                                    {value: 274, name: 'Serie 3'},
                                                    {value: 235, name: 'Serie 4'},
                                                    {value: 400, name: 'Serie 5'}
                                                ].sort(function (a, b) {
                                                    return a.value - b.value;
                                                }),
                                                roseType: 'radius',
                                                label: {
                                                    normal: {
                                                        textStyle: {
                                                            color: 'rgba(255, 255, 255, 0.3)'
                                                        }
                                                    }
                                                },
                                                labelLine: {
                                                    normal: {
                                                        lineStyle: {
                                                            color: 'rgba(255, 255, 255, 0.3)'
                                                        },
                                                        smooth: 0.2,
                                                        length: 10,
                                                        length2: 20
                                                    }
                                                },
                                                itemStyle: {
                                                    normal: {
                                                        color: '#c23531',
                                                        shadowBlur: 200,
                                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                                    }
                                                },

                                                animationType: 'scale',
                                                animationEasing: 'elasticOut',
                                                animationDelay: function (idx) {
                                                    return Math.random() * 200;
                                                }
                                            }
                                        ]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.4',
                    key: 'xui.ECharts.4',
                    caption: '$(RAD.widgets.fc.Scatter)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs41',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Scatter)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        xAxis: {},
                                        yAxis: {},
                                        series: [{
                                            symbolSize: 20,
                                            data: [
                                                [10.0, 8.04],
                                                [8.0, 6.95],
                                                [13.0, 7.58],
                                                [9.0, 8.81],
                                                [11.0, 8.33],
                                                [14.0, 9.96],
                                                [6.0, 7.24],
                                                [4.0, 4.26],
                                                [12.0, 10.84],
                                                [7.0, 4.82],
                                                [5.0, 5.68]
                                            ],
                                            type: 'scatter'
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.5',
                    key: 'xui.ECharts.5',
                    caption: '$(RAD.widgets.group.Radar)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs51',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Radar)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        title: {
                                            text: 'Basic Radar'
                                        },
                                        tooltip: {},
                                        legend: {
                                            data: ['Allocated Budget', 'Actual Spending']
                                        },
                                        radar: {
                                            // shape: 'circle',
                                            name: {
                                                textStyle: {
                                                    color: '#fff',
                                                    backgroundColor: '#999',
                                                    borderRadius: 3,
                                                    padding: [3, 5]
                                                }
                                            },
                                            indicator: [
                                                {name: 'sales', max: 6500},
                                                {name: 'Administration', max: 16000},
                                                {name: 'Information Techology', max: 30000},
                                                {name: 'Customer Support', max: 38000},
                                                {name: 'Development', max: 52000},
                                                {name: 'Marketing', max: 25000}
                                            ]
                                        },
                                        series: [{
                                            name: 'Budget vs spending',
                                            type: 'radar',
                                            // areaStyle: {normal: {}},
                                            data: [
                                                {
                                                    value: [4300, 10000, 28000, 35000, 50000, 19000],
                                                    name: 'Allocated Budget'
                                                },
                                                {
                                                    value: [5000, 14000, 28000, 31000, 42000, 21000],
                                                    name: 'Actual Spending'
                                                }
                                            ]
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.6',
                    key: 'xui.ECharts.6',
                    caption: '$(RAD.widgets.group.Funnel)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs61',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Funnel)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        title: {
                                            text: 'Funnel',
                                            subtext: 'Fake Data'
                                        },
                                        tooltip: {
                                            trigger: 'item',
                                            formatter: "{a} <br/>{b} : {c}%"
                                        },
                                        toolbox: {
                                            feature: {
                                                dataView: {readOnly: false},
                                                restore: {},
                                                saveAsImage: {}
                                            }
                                        },
                                        legend: {
                                            data: ['Page View', 'Click', 'Visitor', 'Consulting', 'Order']
                                        },
                                        calculable: true,
                                        series: [
                                            {
                                                name: 'Funnel',
                                                type: 'funnel',
                                                left: '10%',
                                                top: 60,
                                                //x2: 80,
                                                bottom: 60,
                                                width: '80%',
                                                // height: {totalHeight} - y - y2,
                                                min: 0,
                                                max: 100,
                                                minSize: '0%',
                                                maxSize: '100%',
                                                sort: 'descending',
                                                gap: 2,
                                                label: {
                                                    normal: {
                                                        show: true,
                                                        position: 'inside'
                                                    },
                                                    emphasis: {
                                                        textStyle: {
                                                            fontSize: 20
                                                        }
                                                    }
                                                },
                                                labelLine: {
                                                    normal: {
                                                        length: 10,
                                                        lineStyle: {
                                                            width: 1,
                                                            type: 'solid'
                                                        }
                                                    }
                                                },
                                                itemStyle: {
                                                    normal: {
                                                        borderColor: '#fff',
                                                        borderWidth: 1
                                                    }
                                                },
                                                data: [
                                                    {value: 60, name: 'Visitor'},
                                                    {value: 40, name: 'Consulting'},
                                                    {value: 20, name: 'Order'},
                                                    {value: 80, name: 'Click'},
                                                    {value: 100, name: 'Page view'}
                                                ]
                                            }
                                        ]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.7',
                    key: 'xui.ECharts.7',
                    caption: '$(RAD.widgets.group.Angular Gauge)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs71',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Basic Gauge)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        tooltip: {
                                            formatter: "{a} <br/>{b} : {c}%"
                                        },
                                        toolbox: {
                                            feature: {
                                                restore: {},
                                                saveAsImage: {}
                                            }
                                        },
                                        series: [
                                            {
                                                name: 'Index',
                                                type: 'gauge',
                                                detail: {formatter: '50%'},
                                                data: [{value: 50, name: 'Rate'}]
                                            }
                                        ]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.ECharts.8',
                    key: 'xui.ECharts.8',
                    caption: '$(RAD.widgets.group.GL)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.ECs82',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.3D Stacked Bar)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        color: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1'],
                                        title: {
                                            text: '3D Stacked Bars',
                                            x: 'center'
                                        },
                                        tooltip: {},
                                        xAxis3D: {
                                            type: 'category',
                                            data: ['Apple', 'Orange', 'Pear', 'Grapes', 'Banana']
                                        },
                                        yAxis3D: {
                                            type: 'category',
                                            data: ['']
                                        },
                                        zAxis3D: {
                                            type: 'value'
                                        },
                                        grid3D: {
                                            boxWidth: 200,
                                            boxDepth: 20,
                                            axisPointer: {
                                                show: false
                                            },
                                            light: {
                                                main: {
                                                    intensity: 1.2
                                                },
                                                ambient: {
                                                    intensity: 0.3
                                                }
                                            },
                                            viewControl: {
                                                alpha: 10,
                                                beta: 20,
                                                minAlpha: 10,
                                                maxAlpha: 10,
                                                minBeta: 20,
                                                maxBeta: 20
                                            }
                                        },
                                        series: [{
                                            type: 'bar3D',
                                            barSize: 15,
                                            data: [
                                                [0, 0, 5],
                                                [1, 0, 3],
                                                [2, 0, 4],
                                                [3, 0, 7],
                                                [4, 0, 2]
                                            ],
                                            stack: 'stack',
                                            shading: 'lambert',
                                            emphasis: {
                                                label: {
                                                    show: false
                                                }
                                            }
                                        }, {
                                            type: 'bar3D',
                                            barSize: 15,
                                            data: [
                                                [0, 0, 3],
                                                [1, 0, 4],
                                                [2, 0, 4],
                                                [3, 0, 2],
                                                [4, 0, 5]
                                            ],
                                            stack: 'stack',
                                            shading: 'lambert',
                                            emphasis: {
                                                label: {
                                                    show: false
                                                }
                                            }
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.ECs82',
                                key: 'xui.UI.ECharts',
                                caption: '$(RAD.widgets.ec.Simple Surface)',
                                draggable: true,
                                iniProp: {
                                    chartOption: {
                                        tooltip: {},
                                        backgroundColor: '#fff',
                                        visualMap: {
                                            show: false,
                                            dimension: 2,
                                            min: -1,
                                            max: 1,
                                            inRange: {
                                                color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
                                            }
                                        },
                                        xAxis3D: {
                                            type: 'value'
                                        },
                                        yAxis3D: {
                                            type: 'value'
                                        },
                                        zAxis3D: {
                                            type: 'value'
                                        },
                                        grid3D: {
                                            viewControl: {
                                                // projection: 'orthographic'
                                            }
                                        },
                                        series: [{
                                            type: 'surface',
                                            wireframe: {
                                                // show: false
                                            },
                                            equation: {
                                                x: {
                                                    step: 0.05
                                                },
                                                y: {
                                                    step: 0.05
                                                },
                                                z: function (x, y) {
                                                    if (Math.abs(x) < 0.1 && Math.abs(y) < 0.1) {
                                                        return '-';
                                                    }
                                                    return Math.sin(x * Math.PI) * Math.sin(y * Math.PI);
                                                }
                                            }
                                        }]
                                    }
                                }
                            }
                        ]
                }
            ]
        },
        {
            id: 'xui.FusionChartsXT.iot',
            key: 'xui.FusionChartsXT.iot',
            caption: '$(RAD.widgets.esd.iot)',
            tip: "$(RAD.widgets.esd.iot)",
            group: true,
            imageClass: 'spafont spa-icon-c-slider',
            sub: [
                {
                    id: 'xui.FusionChartsXT.9',
                    key: 'xui.FusionChartsXT.9',
                    caption: '$(RAD.widgets.group.Angular Gauge)',
                    group: true,
                    iniFold: false,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_agg01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 1',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "caption": "Customer Satisfaction Score",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "lowerlimitdisplay": "Bad",
                                            "upperlimitdisplay": "Good",
                                            "palette": "1",
                                            "numbersuffix": "%",
                                            "tickvaluedistance": "10",
                                            "showvalue": "0",
                                            "gaugeinnerradius": "0",
                                            "bgcolor": "FFFFFF",
                                            "pivotfillcolor": "333333",
                                            "pivotradius": "8",
                                            "pivotfillmix": "333333, 333333",
                                            "pivotfilltype": "radial",
                                            "pivotfillratio": "0,100",
                                            "showtickvalues": "1",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "45",
                                                "code": "e44a00"
                                            }, {
                                                "minvalue": "45",
                                                "maxvalue": "75",
                                                "code": "f8bd19"
                                            }, {"minvalue": "75", "maxvalue": "100", "code": "6baa01"}]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "92",
                                                "rearextension": "15",
                                                "radius": "100",
                                                "bgcolor": "333333",
                                                "bordercolor": "333333",
                                                "basewidth": "8"
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 2',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "415",
                                            "origh": "415",
                                            "managevalueoverlapping": "1",
                                            "autoaligntickvalues": "1",
                                            "tickvaluedistance": "1",
                                            "bgcolor": "FFFFFF",
                                            "upperlimit": "5000",
                                            "lowerlimit": "0",
                                            "numbersuffix": "/s",
                                            "basefontcolor": "646F8F",
                                            "majortmnumber": "11",
                                            "majortmcolor": "646F8F",
                                            "majortmheight": "9",
                                            "minortmnumber": "5",
                                            "minortmcolor": "646F8F",
                                            "minortmheight": "3",
                                            "showgaugeborder": "0",
                                            "gaugeouterradius": "150",
                                            "gaugeinnerradius": "135",
                                            "gaugeoriginx": "210",
                                            "gaugeoriginy": "210",
                                            "gaugealpha": "50",
                                            "placevaluesinside": "1",
                                            "tooltipbgcolor": "F2F2FF",
                                            "tooltipbordercolor": "6A6FA6",
                                            "gaugefillmix": "",
                                            "showshadow": "0",
                                            "annrenderdelay": "0",
                                            "pivotradius": "14",
                                            "pivotfillmix": "{A1A0FF},{6A6FA6}",
                                            "pivotbordercolor": "bebcb0",
                                            "pivotfillratio": "70,30",
                                            "showborder": "0",
                                            "gaugestartangle": "230",
                                            "gaugeendangle": "-50"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "4999",
                                                "code": "A1A0FF"
                                            }, {"minvalue": "4999", "maxvalue": "5000", "code": "A1A0FF"}]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "2265",
                                                "bgcolor": "6A6FA6,A1A0FF",
                                                "borderalpha": "0",
                                                "basewidth": "5",
                                                "topwidth": "4"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "210",
                                                "y": "210",
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "200",
                                                    "fillcolor": "000000,2C6BB2, 135FAB",
                                                    "fillratio": "80,15, 5",
                                                    "bordercolor": "2C6BB2"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "180",
                                                    "fillcolor": "FFFFFF, D4D4D4",
                                                    "fillratio": "20,80",
                                                    "bordercolor": "2C6BB2"
                                                }, {
                                                    "type": "arc",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "180",
                                                    "innerradius": "170",
                                                    "startangle": "-60",
                                                    "endangle": "240",
                                                    "fillcolor": "51884F",
                                                    "fillalpha": "50",
                                                    "bordercolor": "51884F"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 3',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "340",
                                            "origh": "340",
                                            "bgcolor": "FFFFFF",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "showlimits": "1",
                                            "basefontcolor": "666666",
                                            "majortmnumber": "11",
                                            "majortmcolor": "666666",
                                            "majortmheight": "8",
                                            "minortmnumber": "5",
                                            "minortmcolor": "666666",
                                            "minortmheight": "3",
                                            "pivotradius": "20",
                                            "showgaugeborder": "0",
                                            "gaugeouterradius": "100",
                                            "gaugeinnerradius": "90",
                                            "gaugeoriginx": "170",
                                            "gaugeoriginy": "170",
                                            "gaugestartangle": "250",
                                            "gaugeendangle": "-70",
                                            "placevaluesinside": "1",
                                            "gaugefillmix": "",
                                            "pivotfillmix": "{F0EFEA}, {BEBCB0}",
                                            "pivotbordercolor": "BEBCB0",
                                            "pivotfillratio": "80,20",
                                            "showshadow": "0",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "80",
                                                "code": "00FF00",
                                                "alpha": "0"
                                            }, {
                                                "minvalue": "80",
                                                "maxvalue": "100",
                                                "code": "FF0000",
                                                "alpha": "50"
                                            }]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "65",
                                                "bordercolor": "FFFFFF",
                                                "bgcolor": "bebcb0, f0efea, bebcb0",
                                                "borderalpha": "0",
                                                "basewidth": "10",
                                                "topwidth": "3"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "170",
                                                "y": "170",
                                                "items": [{
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "150",
                                                    "bordercolor": "bebcb0",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "f0efea, bebcb0",
                                                    "fillratio": "85,15"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "120",
                                                    "fillcolor": "bebcb0, f0efea",
                                                    "fillratio": "85,15"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "color": "FFFFFF",
                                                    "y": "0",
                                                    "radius": "100",
                                                    "bordercolor": "f0efea"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 4',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "340",
                                            "origh": "340",
                                            "bgcolor": "FFFFFF",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "showlimits": "1",
                                            "basefontcolor": "666666",
                                            "majortmnumber": "11",
                                            "majortmcolor": "666666",
                                            "majortmheight": "8",
                                            "minortmnumber": "5",
                                            "minortmcolor": "666666",
                                            "minortmheight": "3",
                                            "pivotradius": "20",
                                            "showgaugeborder": "0",
                                            "gaugeouterradius": "100",
                                            "gaugeinnerradius": "90",
                                            "gaugeoriginx": "170",
                                            "gaugeoriginy": "170",
                                            "gaugestartangle": "250",
                                            "gaugeendangle": "-70",
                                            "placevaluesinside": "1",
                                            "gaugefillmix": "",
                                            "pivotfillmix": "{F0EFEA}, {BEBCB0}",
                                            "pivotbordercolor": "BEBCB0",
                                            "pivotfillratio": "80,20",
                                            "showshadow": "0",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "80",
                                                "code": "00FF00",
                                                "alpha": "0"
                                            }, {
                                                "minvalue": "80",
                                                "maxvalue": "100",
                                                "code": "FF0000",
                                                "alpha": "50"
                                            }]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "65",
                                                "bordercolor": "FFFFFF",
                                                "bgcolor": "bebcb0, f0efea, bebcb0",
                                                "borderalpha": "0",
                                                "basewidth": "10",
                                                "topwidth": "3"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "170",
                                                "y": "170",
                                                "items": [{
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "150",
                                                    "bordercolor": "bebcb0",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "f0efea, bebcb0",
                                                    "fillratio": "85,15"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "120",
                                                    "fillcolor": "bebcb0, f0efea",
                                                    "fillratio": "85,15"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "color": "FFFFFF",
                                                    "y": "0",
                                                    "radius": "100",
                                                    "bordercolor": "f0efea"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 5',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "330",
                                            "origh": "300",
                                            "bgcolor": "000000",
                                            "bgalpha": "100",
                                            "gaugestartangle": "235",
                                            "gaugeendangle": "-55",
                                            "lowerlimit": "0",
                                            "upperlimit": "10",
                                            "majortmnumber": "11",
                                            "majortmthickness": "5",
                                            "majortmcolor": "F48900",
                                            "majortmheight": "15",
                                            "minortmnumber": "4",
                                            "minortmthickness": "2",
                                            "minortmcolor": "FFFFFF",
                                            "minortmheight": "13",
                                            "placevaluesinside": "1",
                                            "gaugeouterradius": "140",
                                            "gaugeinnerradius": "85%",
                                            "basefontcolor": "F48900",
                                            "basefont": "Impact",
                                            "basefontsize": "30",
                                            "showshadow": "0",
                                            "pivotradius": "20",
                                            "pivotfillcolor": "000000,383836",
                                            "pivotfilltype": "linear",
                                            "pivotfillratio": "50,50",
                                            "pivotfillangle": "240",
                                            "annrenderdelay": "0",
                                            "showborder": "0"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "5",
                                                "color": "E70E00",
                                                "bordercolor": "E70E00",
                                                "basewidth": "25",
                                                "topwidth": "1",
                                                "radius": "85"
                                            }]
                                        },
                                        "trendpoints": {
                                            "point": [{
                                                "displayvalue": " ",
                                                "startvalue": "8",
                                                "endvalue": "10",
                                                "radius": "140",
                                                "innerradius": "0",
                                                "color": "F48900",
                                                "alpha": "35",
                                                "showborder": "0"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "0",
                                                "xscale": "200",
                                                "yscale": "120",
                                                "x": "$chartCenterX",
                                                "y": "$chartCenterY",
                                                "items": [{
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "8",
                                                    "color": "FFFFFF",
                                                    "alpha": "15",
                                                    "radius": "7"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 6',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "300",
                                            "origh": "300",
                                            "bgcolor": "FFFFFF",
                                            "gaugestartangle": "225",
                                            "gaugeendangle": "-45",
                                            "bgalpha": "100",
                                            "lowerlimit": "0",
                                            "upperlimit": "180",
                                            "majortmnumber": "8",
                                            "majortmthickness": "3",
                                            "majortmcolor": "FFFFFF",
                                            "majortmheight": "7",
                                            "minortmnumber": "0",
                                            "placevaluesinside": "1",
                                            "gaugeouterradius": "110",
                                            "gaugeinnerradius": "100",
                                            "showshadow": "0",
                                            "pivotradius": "20",
                                            "pivotfillcolor": "000000,383836",
                                            "pivotfilltype": "linear",
                                            "pivotfillratio": "50,50",
                                            "pivotfillangle": "240",
                                            "annrenderdelay": "0",
                                            "gaugefillmix": "",
                                            "showpivotborder": "1",
                                            "pivotbordercolor": "999999",
                                            "pivotborderthickness": "2",
                                            "decimals": "0",
                                            "gaugeoriginx": "150",
                                            "gaugeoriginy": "150",
                                            "basefontcolor": "FFFFFF"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "50",
                                                "color": "FFFFFF,999999",
                                                "alpha": "100",
                                                "showborder": "0",
                                                "basewidth": "3",
                                                "topwidth": "3",
                                                "radius": "100"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "x": "150",
                                                "y": "150",
                                                "items": [{
                                                    "type": "circle",
                                                    "color": "1C1C1C,AAAAAA,1C1C1C",
                                                    "radius": "127",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "circle",
                                                    "color": "9E9E9E,ECECEC",
                                                    "radius": "117",
                                                    "fillpattern": "linear",
                                                    "fillangle": "270"
                                                }, {
                                                    "type": "circle",
                                                    "color": "000000,6C6C6C",
                                                    "radius": "115",
                                                    "fillpattern": "linear",
                                                    "fillangle": "270"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg07',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 7',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "caption": "Revenue - 2013",
                                            "manageresize": "1",
                                            "origw": "400",
                                            "origh": "250",
                                            "managevalueoverlapping": "1",
                                            "autoaligntickvalues": "1",
                                            "bgcolor": "FFFFFF",
                                            "fillangle": "45",
                                            "upperlimit": "2500000",
                                            "lowerlimit": "1600000",
                                            "majortmnumber": "10",
                                            "majortmheight": "8",
                                            "showgaugeborder": "0",
                                            "gaugeouterradius": "140",
                                            "gaugeoriginx": "205",
                                            "gaugeoriginy": "206",
                                            "gaugeinnerradius": "2",
                                            "formatnumberscale": "1",
                                            "numberprefix": "$",
                                            "decmials": "2",
                                            "tickmarkdecimals": "1",
                                            "pivotradius": "10",
                                            "showpivotborder": "1",
                                            "pivotbordercolor": "000000",
                                            "pivotborderthickness": "10",
                                            "pivotfillmix": "666666",
                                            "tickvaluedistance": "10",
                                            "valuebelowpivot": "1",
                                            "showvalue": "1",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "1600000",
                                                "maxvalue": "1930000",
                                                "code": "e44a00"
                                            }, {
                                                "minvalue": "1930000",
                                                "maxvalue": "2170000",
                                                "code": "f8bd19"
                                            }, {"minvalue": "2170000", "maxvalue": "2500000", "code": "6baa01"}]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "2100000",
                                                "borderalpha": "0",
                                                "bgcolor": "000000",
                                                "basewidth": "20",
                                                "topwidth": "1",
                                                "radius": "130"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "205",
                                                "y": "207.5",
                                                "items": [{
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "2.5",
                                                    "radius": "150",
                                                    "startangle": "0",
                                                    "endangle": "180",
                                                    "fillpattern": "linear",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "dddddd,666666",
                                                    "fillalpha": "100,100",
                                                    "fillratio": "50,50",
                                                    "fillangle": "0",
                                                    "showborder": "1",
                                                    "bordercolor": "444444",
                                                    "borderthickness": "2"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "145",
                                                    "startangle": "0",
                                                    "endangle": "180",
                                                    "fillpattern": "linear",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "666666,ffffff",
                                                    "fillalpha": "100,100",
                                                    "fillratio": "50,50",
                                                    "fillangle": "0"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg08',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 8',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "270",
                                            "origh": "270",
                                            "managevalueoverlapping": "1",
                                            "autoaligntickvalues": "1",
                                            "tickvaluedistance": "10",
                                            "animation": "0",
                                            "basefont": "Times New Roman",
                                            "basefontsize": "18",
                                            "basefontcolor": "FFFFFF",
                                            "bgcolor": "333333",
                                            "bgalpha": "100",
                                            "gaugestartangle": "90",
                                            "gaugeendangle": "-270",
                                            "lowerlimit": "0",
                                            "upperlimit": "12",
                                            "lowerlimitdisplay": " ",
                                            "upperlimitdisplay": "",
                                            "majortmnumber": "12",
                                            "majortmthickness": "3",
                                            "majortmcolor": "FFFFFF",
                                            "majortmheight": "7",
                                            "minortmnumber": "4",
                                            "minortmcolor": "FFFFFF",
                                            "minortmheight": "4",
                                            "placevaluesinside": "1",
                                            "tickvaluestep": "3",
                                            "gaugeouterradius": "95",
                                            "gaugeinnerradius": "95",
                                            "showshadow": "0",
                                            "pivotfillcolor": "FFFFFF",
                                            "pivotradius": "6",
                                            "annrenderdelay": "0",
                                            "showtooltip": "0",
                                            "gaugeoriginx": "135",
                                            "gaugeoriginy": "135"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "id": "hrs",
                                                "value": "7.5",
                                                "color": "FFFFFF",
                                                "basewidth": "3",
                                                "topwidth": "1",
                                                "radius": "50",
                                                "rearextension": "12"
                                            }, {
                                                "id": "min",
                                                "value": "4.3",
                                                "color": "FFFFFF",
                                                "basewidth": "3",
                                                "topwidth": "1",
                                                "radius": "70",
                                                "rearextension": "12"
                                            }, {
                                                "id": "sec",
                                                "value": "3",
                                                "color": "FF0000",
                                                "basewidth": "1",
                                                "topwidth": "1",
                                                "alpha": "100",
                                                "radius": "86",
                                                "rearextension": "20",
                                                "borderalpha": "0"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "x": "135",
                                                "y": "135",
                                                "items": [{
                                                    "type": "circle",
                                                    "color": "EBF0F4,85898C,484C4F,C5C6C8",
                                                    "fillratio": "30,30,30,10",
                                                    "fillangle": "270",
                                                    "radius": "120",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "circle",
                                                    "color": "8E8E8E,83878A,E7E7E7",
                                                    "fillangle": "270",
                                                    "radius": "105",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "circle",
                                                    "color": "07476D,19669E,186AA6,D2EAF6",
                                                    "fillratio": "5,45,40,10",
                                                    "fillangle": "270",
                                                    "radius": "103",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "circle",
                                                    "color": "07476D,19669E,07476D",
                                                    "fillratio": "5,90,5",
                                                    "fillangle": "270",
                                                    "radius": "100",
                                                    "fillpattern": "linear"
                                                }]
                                            }, {
                                                "id": "Grp2",
                                                "showbelow": "1",
                                                "x": "135",
                                                "y": "135",
                                                "items": [{"type": "circle", "radius": "12", "color": "012A46"}]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg09',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 9',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "400",
                                            "origh": "250",
                                            "managevalueoverlapping": "1",
                                            "autoaligntickvalues": "1",
                                            "bgcolor": "AEC0CA,FFFFFF",
                                            "fillangle": "45",
                                            "upperlimit": "2500000",
                                            "lowerlimit": "1600000",
                                            "majortmnumber": "10",
                                            "majortmheight": "8",
                                            "showgaugeborder": "0",
                                            "gaugeouterradius": "140",
                                            "gaugeoriginx": "205",
                                            "gaugeoriginy": "206",
                                            "gaugeinnerradius": "2",
                                            "formatnumberscale": "1",
                                            "numberprefix": "$",
                                            "decmials": "2",
                                            "tickmarkdecimals": "1",
                                            "pivotradius": "17",
                                            "showpivotborder": "1",
                                            "pivotbordercolor": "000000",
                                            "pivotborderthickness": "5",
                                            "pivotfillmix": "FFFFFF,000000",
                                            "tickvaluedistance": "10",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "1600000",
                                                "maxvalue": "1930000",
                                                "code": "399E38"
                                            }, {
                                                "minvalue": "1930000",
                                                "maxvalue": "2170000",
                                                "code": "E48739"
                                            }, {"minvalue": "2170000", "maxvalue": "2500000", "code": "B41527"}]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "2100000",
                                                "borderalpha": "0",
                                                "bgcolor": "000000",
                                                "basewidth": "28",
                                                "topwidth": "1",
                                                "radius": "130"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "205",
                                                "y": "207.5",
                                                "items": [{
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "2.5",
                                                    "radius": "150",
                                                    "startangle": "0",
                                                    "endangle": "180",
                                                    "fillpattern": "linear",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "dddddd,666666",
                                                    "fillalpha": "100,100",
                                                    "fillratio": "50,50",
                                                    "fillangle": "0",
                                                    "showborder": "1",
                                                    "bordercolor": "444444",
                                                    "borderthickness": "2"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "145",
                                                    "startangle": "0",
                                                    "endangle": "180",
                                                    "fillpattern": "linear",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "666666,ffffff",
                                                    "fillalpha": "100,100",
                                                    "fillratio": "50,50",
                                                    "fillangle": "0"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg10',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 10',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "200",
                                            "origh": "190",
                                            "bgcolor": "FFFFFF",
                                            "lowerlimit": "0",
                                            "upperlimit": "55",
                                            "majortmnumber": "7",
                                            "showtickvalues": "0",
                                            "majortmheight": "8",
                                            "minortmnumber": "0",
                                            "showtooltip": "0",
                                            "majortmthickness": "3",
                                            "gaugeouterradius": "130",
                                            "gaugeoriginx": "100",
                                            "gaugeoriginy": "160",
                                            "gaugestartangle": "125",
                                            "gaugeendangle": "55",
                                            "placevaluesinside": "1",
                                            "gaugeinnerradius": "115",
                                            "annrenderdelay": "0",
                                            "pivotfillmix": "{000000},{FFFFFF}",
                                            "pivotfillratio": "50,50",
                                            "showpivotborder": "1",
                                            "pivotbordercolor": "444444",
                                            "pivotborderthickness": "2",
                                            "showshadow": "0",
                                            "pivotradius": "18",
                                            "pivotfilltype": "linear",
                                            "showborder": "0"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "10",
                                                "borderalpha": "0",
                                                "bgcolor": "FF0000",
                                                "basewidth": "6",
                                                "topwidth": "6",
                                                "radius": "120"
                                            }]
                                        },
                                        "trendpoints": {
                                            "point": [{
                                                "startvalue": "0",
                                                "displayvalue": "E",
                                                "alpha": "0"
                                            }, {"startvalue": "55", "displayvalue": "F", "alpha": "0"}]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "100",
                                                "y": "160",
                                                "items": [{
                                                    "type": "arc",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "145",
                                                    "innerradius": "132",
                                                    "startangle": "53",
                                                    "endangle": "127",
                                                    "showborder": "1",
                                                    "bordercolor": "444444",
                                                    "borderthickness": "2"
                                                }, {
                                                    "type": "arc",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "145",
                                                    "innerradius": "132",
                                                    "startangle": "53",
                                                    "endangle": "107",
                                                    "showborder": "1",
                                                    "color": "ffffff",
                                                    "bordercolor": "444444",
                                                    "borderthickness": "2"
                                                }]
                                            }, {
                                                "x": "$chartCenterX",
                                                "y": "160",
                                                "showbelow": "1",
                                                "scaleimages": "1",
                                                "items": [{
                                                    "type": "image",
                                                    "x": "-12.5",
                                                    "y": "-100",
                                                    "url": "/demos/gallery/Resources/Fuel.gif"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg11',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 11',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "330",
                                            "origh": "170",
                                            "basefontcolor": "FFFFFF",
                                            "animation": "1",
                                            "bgcolor": "000000",
                                            "bgalpha": "100",
                                            "lowerlimit": "0",
                                            "upperlimit": "20",
                                            "gaugestartangle": "180",
                                            "gaugeendangle": "0",
                                            "gaugeouterradius": "100",
                                            "gaugeinnerradius": "90%",
                                            "gaugeoriginx": "165",
                                            "gaugeoriginy": "130",
                                            "showtickvalues": "0",
                                            "majortmnumber": "2",
                                            "minortmnumber": "19",
                                            "majortmcolor": "FFFFFF",
                                            "minortmcolor": "EE0000",
                                            "majortmheight": "15",
                                            "majortmthickness": "2",
                                            "minortmheight": "15",
                                            "minortmthickness": "2",
                                            "placevaluesinside": "1",
                                            "pivotfillmix": "414340, 272727",
                                            "pivotfillratio": "50,50",
                                            "pivotborderthickness": "40",
                                            "pivotbordercolor": "CCCCCC",
                                            "pivotradius": "20",
                                            "showshadow": "0",
                                            "tooltipbgcolor": "000000"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "radius": "120",
                                                "basewidth": "12",
                                                "topwidth": "1",
                                                "color": "FF8F02,FFFFFF",
                                                "fillratio": "90, 10",
                                                "bordercolor": "FFFFFF",
                                                "value": "7"
                                            }]
                                        },
                                        "trendpoints": {
                                            "point": [{
                                                "startvalue": "3",
                                                "color": "FFFFFF",
                                                "alpha": "1",
                                                "radius": "80",
                                                "innerradius": "70",
                                                "displayvalue": "E"
                                            }, {
                                                "startvalue": "17",
                                                "color": "FFFFFF",
                                                "alpha": "1",
                                                "radius": "80",
                                                "innerradius": "70",
                                                "displayvalue": "F"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "x": "165",
                                                "y": "130",
                                                "items": [{
                                                    "type": "arc",
                                                    "radius": "106",
                                                    "innerradius": "0",
                                                    "startangle": "0",
                                                    "endangle": "180",
                                                    "fillangle": "90",
                                                    "fillratio": "50,50",
                                                    "color": "606417, 000000",
                                                    "fillpattern": "linear",
                                                    "bordercolor": "FFFFFF",
                                                    "borderthickness": "2"
                                                }, {
                                                    "type": "circle",
                                                    "radius": "21",
                                                    "fillalpha": "0",
                                                    "bordercolor": "FFFFFF",
                                                    "borderthickness": "2",
                                                    "borderalpha": "60"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg12',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 12',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "280",
                                            "origh": "280",
                                            "bgcolor": "FFFFFF",
                                            "upperlimit": "180",
                                            "lowerlimit": "0",
                                            "majortmnumber": "7",
                                            "majortmcolor": "AF9A03",
                                            "majortmheight": "8",
                                            "minortmnumber": "0",
                                            "majortmthickness": "8",
                                            "showgaugeborder": "0",
                                            "gaugeouterradius": "100",
                                            "gaugeoriginx": "140",
                                            "gaugeoriginy": "140",
                                            "gaugestartangle": "230",
                                            "gaugeendangle": "-50",
                                            "placevaluesinside": "1",
                                            "gaugeinnerradius": "90",
                                            "tickvaluedistance": "17",
                                            "pivotradius": "12",
                                            "pivotfillmix": "{AF9A03},{ffffff}",
                                            "pivotbordercolor": "AF9A03",
                                            "pivotborderthickness": "2",
                                            "pivotfillratio": "50,50",
                                            "pivotfilltype": "linear",
                                            "showpivotborder": "1",
                                            "showshadow": "0",
                                            "showborder": "0"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "25",
                                                "borderalpha": "0",
                                                "bgcolor": "6A6FA6,AF9A03",
                                                "basewidth": "4",
                                                "topwidth": "4",
                                                "radius": "93"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "140",
                                                "y": "140",
                                                "items": [{
                                                    "type": "circle",
                                                    "radius": "110",
                                                    "fillpattern": "linear",
                                                    "fillcolor": "eeeeee,ebce05,eeeeee",
                                                    "fillratio": "0,100,0",
                                                    "fillangle": "270",
                                                    "showborder": "1",
                                                    "bordercolor": "444444",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "circle",
                                                    "radius": "100",
                                                    "fillpattern": "linear",
                                                    "fillcolor": "ffffff,ebce05,eeeeee",
                                                    "fillalpha": "100,10,100",
                                                    "fillratio": "5,83,12",
                                                    "fillangle": "270"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg13',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 13',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "300",
                                            "origh": "300",
                                            "palette": "3",
                                            "bgcolor": "333333, 453269",
                                            "bgalpha": "100",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "gaugestartangle": "240",
                                            "gaugeendangle": "-60",
                                            "gaugeouterradius": "120",
                                            "gaugeinnerradius": "60%",
                                            "gaugefillmix": "{light-10},{light-30},{light-20},{dark-5},{color},{light-30},{light-20},{dark-10}",
                                            "gaugefillratio": "",
                                            "basefontcolor": "FFFFFF",
                                            "tooltipbgcolor": "333333",
                                            "tooltipbordercolor": "333333",
                                            "decimals": "1",
                                            "gaugeoriginx": "150",
                                            "gaugeoriginy": "150",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{"minvalue": "0", "maxvalue": "30"}, {
                                                "minvalue": "30",
                                                "maxvalue": "50"
                                            }, {"minvalue": "50", "maxvalue": "80"}, {
                                                "minvalue": "80",
                                                "maxvalue": "100"
                                            }]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "id": "Dial1",
                                                "value": "60.2",
                                                "basewidth": "6",
                                                "topwidth": "1",
                                                "editmode": "1",
                                                "showvalue": "1",
                                                "rearextension": "10",
                                                "valuey": "270"
                                            }, {
                                                "id": "Dial2",
                                                "value": "50.3",
                                                "basewidth": "6",
                                                "topwidth": "1",
                                                "editmode": "1",
                                                "rearextension": "10",
                                                "showvalue": "1",
                                                "valuey": "250"
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg14',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 14',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "320",
                                            "origh": "320",
                                            "tickvaluedistance": "-10",
                                            "bgcolor": "FFFFFF",
                                            "upperlimit": "240",
                                            "lowerlimit": "0",
                                            "basefontcolor": "FFFFFF",
                                            "majortmnumber": "9",
                                            "majortmcolor": "FFFFFF",
                                            "majortmheight": "8",
                                            "majortmthickness": "5",
                                            "minortmnumber": "5",
                                            "minortmcolor": "FFFFFF",
                                            "minortmheight": "3",
                                            "minortmthickness": "2",
                                            "pivotradius": "10",
                                            "pivotbgcolor": "000000",
                                            "pivotbordercolor": "FFFFFF",
                                            "pivotborderthickness": "2",
                                            "tooltipbordercolor": "FFFFFF",
                                            "tooltipbgcolor": "333333",
                                            "gaugeouterradius": "135",
                                            "gaugestartangle": "240",
                                            "gaugeendangle": "-60",
                                            "gaugealpha": "0",
                                            "decimals": "0",
                                            "showcolorrange": "0",
                                            "placevaluesinside": "1",
                                            "pivotfillmix": "",
                                            "showpivotborder": "1",
                                            "annrenderdelay": "0",
                                            "gaugeoriginx": "160",
                                            "gaugeoriginy": "160",
                                            "showborder": "0"
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "65",
                                                "bgcolor": "000000",
                                                "bordercolor": "FFFFFF",
                                                "borderalpha": "100",
                                                "basewidth": "4",
                                                "topwidth": "4",
                                                "borderthickness": "2",
                                                "valuey": "260"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "x": "160",
                                                "y": "160",
                                                "items": [{
                                                    "type": "circle",
                                                    "radius": "150",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "4B4B4B,AAAAAA",
                                                    "fillalpha": "100,100",
                                                    "fillratio": "95,5"
                                                }, {
                                                    "type": "circle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "radius": "140",
                                                    "showborder": "1",
                                                    "bordercolor": "cccccc",
                                                    "fillasgradient": "1",
                                                    "fillcolor": "ffffff,000000",
                                                    "fillalpha": "50,100",
                                                    "fillratio": "1,99"
                                                }]
                                            }, {
                                                "x": "160",
                                                "y": "160",
                                                "showbelow": "0",
                                                "scaletext": "1",
                                                "items": [{
                                                    "type": "text",
                                                    "y": "120",
                                                    "label": "KPH",
                                                    "fontcolor": "FFFFFF",
                                                    "fontsize": "14",
                                                    "bold": "1"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg15',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 15',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "270",
                                            "origh": "270",
                                            "upperlimit": "360",
                                            "lowerlimit": "0",
                                            "upperlimitdisplay": " ",
                                            "lowerlimitdisplay": "Start",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "showborder": "0",
                                            "majortmnumber": "12",
                                            "majortmheight": "9",
                                            "minortmnumber": "5",
                                            "minortmcolor": "000000",
                                            "minortmheight": "3",
                                            "majortmthickness": "2",
                                            "gaugeinnerradius": "0",
                                            "gaugeouterradius": "85",
                                            "gaugestartangle": "180",
                                            "gaugeendangle": "-180",
                                            "charttopmargin": "0",
                                            "chartleftmargin": "0",
                                            "chartrightmargin": "0",
                                            "chartbottommargin": "0",
                                            "basefontcolor": "333333",
                                            "decimals": "0",
                                            "gaugeoriginx": "135",
                                            "gaugeoriginy": "135",
                                            "managevalueoverlapping": "1",
                                            "autoaligntickvalues": "1",
                                            "tickvaluedistance": "5"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "120",
                                                "code": "00B900",
                                                "bordercolor": "00B900"
                                            }, {
                                                "minvalue": "120",
                                                "maxvalue": "240",
                                                "code": "FDC12E",
                                                "bordercolor": "FDC12E"
                                            }, {
                                                "minvalue": "240",
                                                "maxvalue": "360",
                                                "code": "E95D0F",
                                                "bordercolor": "E95D0F"
                                            }]
                                        },
                                        "dials": {"dial": [{"value": "160", "radius": "85"}]},
                                        "annotations": {
                                            "groups": [{
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+1",
                                                    "y": "$chartStartY+1",
                                                    "tox": "$chartEndX-1",
                                                    "toy": "$chartEndY-1",
                                                    "radius": "15",
                                                    "showborder": "1",
                                                    "fillcolor": "333333",
                                                    "bordercolor": "333333",
                                                    "borderthickness": "2"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+8",
                                                    "y": "$chartStartY+8",
                                                    "tox": "$chartEndX-8",
                                                    "toy": "$chartEndY-8",
                                                    "radius": "15",
                                                    "showborder": "1",
                                                    "fillcolor": "FFFFFF,009999,FFFFFF",
                                                    "fillangle": "45",
                                                    "fillalpha": "100,100,100",
                                                    "bordercolor": "333333"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg16',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 16',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "350",
                                            "origh": "200",
                                            "palette": "2",
                                            "bgalpha": "0",
                                            "bgcolor": "FFFFFF",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "numbersuffix": "%",
                                            "showborder": "0",
                                            "basefontcolor": "FFFFDD",
                                            "charttopmargin": "5",
                                            "chartbottommargin": "5",
                                            "tooltipbgcolor": "009999",
                                            "gaugefillmix": "{dark-10},{light-70},{dark-10}",
                                            "gaugefillratio": "3",
                                            "pivotradius": "8",
                                            "gaugeouterradius": "120",
                                            "gaugeinnerradius": "70%",
                                            "gaugeoriginx": "175",
                                            "gaugeoriginy": "170",
                                            "trendvaluedistance": "5",
                                            "tickvaluedistance": "3",
                                            "managevalueoverlapping": "1",
                                            "autoaligntickvalues": "1"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "45",
                                                "code": "FF654F"
                                            }, {
                                                "minvalue": "45",
                                                "maxvalue": "80",
                                                "code": "F6BD0F"
                                            }, {"minvalue": "80", "maxvalue": "100", "code": "8BBA00"}]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "72",
                                                "rearextension": "10",
                                                "basewidth": "10"
                                            }]
                                        },
                                        "trendpoints": {
                                            "point": [{
                                                "startvalue": "62",
                                                "displayvalue": "Average",
                                                "usemarker": "1",
                                                "markerradius": "8",
                                                "dashed": "1",
                                                "dashlen": "2",
                                                "dashgap": "2"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "showshadow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+5",
                                                    "y": "$chartStartY+5",
                                                    "tox": "$chartEndX-5",
                                                    "toy": "$chartEndY-5",
                                                    "radius": "10",
                                                    "fillcolor": "009999,333333",
                                                    "showborder": "0"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_agg17',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Angular) 17',
                                image: CONF.img_widgets,
                                imagePos: '-64px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "AngularGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "250",
                                            "origh": "250",
                                            "palette": "4",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "gaugestartangle": "220",
                                            "gaugeendangle": "-40",
                                            "numbersuffix": "%",
                                            "bgcolor": "FFFFFF",
                                            "showborder": "0",
                                            "basefontcolor": "FFFFFF",
                                            "gaugeouterradius": "80",
                                            "gaugeinnerradius": "60",
                                            "charttopmargin": "10",
                                            "chartleftmargin": "5",
                                            "tooltipbgcolor": "AEC0CA",
                                            "tooltipbordercolor": "FFFFFF",
                                            "pivotradius": "6",
                                            "gaugeoriginx": "125",
                                            "gaugeoriginy": "130",
                                            "refreshinterval": "5"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "99.99",
                                                "code": "F6BD0F"
                                            }, {
                                                "minvalue": "99.99",
                                                "maxvalue": "100",
                                                "code": "F6BD0F",
                                                "alpha": "0"
                                            }]
                                        },
                                        "trendpoints": {
                                            "point": [{
                                                "startvalue": "70",
                                                "endvalue": "100",
                                                "color": "E10000",
                                                "radius": "60",
                                                "innerradius": "55",
                                                "alpha": "70"
                                            }]
                                        },
                                        "dials": {
                                            "dial": [{
                                                "value": "62",
                                                "rearextension": "10",
                                                "basewidth": "6"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX",
                                                    "y": "$chartStartY",
                                                    "tox": "$chartEndX",
                                                    "toy": "$chartEndY",
                                                    "radius": "10",
                                                    "fillcolor": "333333,555555,333333",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+5",
                                                    "y": "$chartStartY+5",
                                                    "tox": "$chartEndX-5",
                                                    "toy": "$chartEndY-5",
                                                    "radius": "10",
                                                    "fillcolor": "777777,C3D0D8,777777",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+10",
                                                    "y": "$chartStartY+10",
                                                    "tox": "$chartEndX-10",
                                                    "toy": "$chartEndY-10",
                                                    "radius": "10",
                                                    "fillcolor": "333333,ADB0B2,333333",
                                                    "fillangle": "180"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.10',
                    key: 'xui.FusionChartsXT.10',
                    caption: '$(RAD.widgets.group.Linear Gauge)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_lgg01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 1',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "caption": "Server CPU Utilization",
                                            "subcaption": "food.hsm.com",
                                            "captionFontColor": "#000000",
                                            "subcaptionFontBold": "0",
                                            "bgColor": "#ffffff",
                                            "showBorder": "0",
                                            "lowerLimit": "0",
                                            "upperLimit": "100",
                                            "numberSuffix": "%",
                                            "valueAbovePointer": "0",
                                            "showShadow": "0",
                                            "gaugeFillMix": "{light}",
                                            "valueBgColor": "#ffffff",
                                            "valueBgAlpha": "60",
                                            "valueFontColor": "#000000",
                                            "pointerBgColor": "#ffffff",
                                            "pointerBgAlpha": "50",
                                            "baseFontColor": "#ffffff"
                                        },
                                        "colorRange": {
                                            "color": [{
                                                "minValue": "0",
                                                "maxValue": "35",
                                                "label": "Low",
                                                "code": "#1aaf5d"
                                            }, {
                                                "minValue": "35",
                                                "maxValue": "70",
                                                "label": "Moderate",
                                                "code": "#f2c500"
                                            }, {
                                                "minValue": "70",
                                                "maxValue": "100",
                                                "label": "High",
                                                "code": "#c02d00"
                                            }]
                                        },
                                        "pointers": {"pointer": [{"value": "72.5"}]}
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_lgg02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 2',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "showborder": "0",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "gaugeroundradius": "5",
                                            "chartbottommargin": "10",
                                            "ticksbelowgauge": "0",
                                            "showgaugelabels": "1",
                                            "valueabovepointer": "0",
                                            "pointerontop": "1",
                                            "pointerradius": "9",
                                            "numberprefix": "$"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "35",
                                                "label": "Low"
                                            }, {
                                                "minvalue": "35",
                                                "maxvalue": "70",
                                                "label": "Moderate"
                                            }, {"minvalue": "70", "maxvalue": "100", "label": "High"}]
                                        },
                                        "pointers": {"pointer": [{"value": "27.5"}]}
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_lgg03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 3',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "380",
                                            "origh": "80",
                                            "animation": "0",
                                            "showshadow": "0",
                                            "upperlimit": "9",
                                            "lowerlimit": "0",
                                            "charttopmargin": "5",
                                            "chartbottommargin": "10",
                                            "chartleftmargin": "30",
                                            "chartrightmargin": "30",
                                            "placeticksinside": "1",
                                            "placevaluesinside": "1",
                                            "pointerontop": "0",
                                            "ticksbelowgauge": "0",
                                            "valuepadding": "0",
                                            "minortmheight": "4",
                                            "majortmheight": "8",
                                            "majortmcolor": "0B0D0F",
                                            "majortmnumber": "10",
                                            "majortmthickness": ".5",
                                            "minortmnumber": "4",
                                            "minortmthickness": ".5",
                                            "pointerradius": "5",
                                            "pointerbgcolor": "E00000",
                                            "pointerbordercolor": "E00000",
                                            "showgaugeborder": "0",
                                            "basefontcolor": "FFFFFF",
                                            "bgcolor": "004D69",
                                            "bgalpha": "100"
                                        },
                                        "pointers": {"pointer": [{"value": "6.7"}]},
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "x": "0",
                                                "y": "0",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$gaugeStartX-17",
                                                    "y": "$gaugeStartY+2",
                                                    "tox": "$gaugeEndX+17",
                                                    "toy": "$chartEndY-8",
                                                    "radius": "8",
                                                    "color": "004D69"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$gaugeStartX-17",
                                                    "y": "$gaugeStartY+2",
                                                    "tox": "$gaugeEndX+17",
                                                    "toy": "$gaugeEndY+3",
                                                    "radius": "8",
                                                    "color": "09DBFE,32A6CF,0177A7",
                                                    "fillratio": "20,40,40",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$gaugeStartX-15",
                                                    "y": "$gaugeStartY+4",
                                                    "tox": "$gaugeEndX+15",
                                                    "toy": "$gaugeEndY+1",
                                                    "radius": "8",
                                                    "color": "09DBFE,32A6CF,C1DFEA",
                                                    "fillratio": "20,40,40",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$gaugeStartX-17",
                                                    "y": "$gaugeEndY+5",
                                                    "tox": "$gaugeEndX+17",
                                                    "toy": "$chartEndY-8",
                                                    "radius": "8",
                                                    "color": "055472,1D89AF",
                                                    "fillangle": "90"
                                                }]
                                            }, {
                                                "id": "Grp2",
                                                "showbelow": "1",
                                                "x": "190",
                                                "y": "$gaugeStartY+36",
                                                "items": [{
                                                    "type": "text",
                                                    "label": "Richter Scale",
                                                    "color": "004D69",
                                                    "bold": "1",
                                                    "x": "0",
                                                    "y": "0"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_lgg04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 4',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "450",
                                            "orih": "125",
                                            "editmode": "1",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "showborder": "0",
                                            "upperlimit": "1000",
                                            "lowerlimit": "0",
                                            "numberprefix": "$",
                                            "gaugeroundradius": "5",
                                            "chartbottommargin": "30",
                                            "ticksbelowgauge": "0",
                                            "placeticksinside": "0",
                                            "showgaugelabels": "0",
                                            "pointerontop": "1",
                                            "pointerradius": "14",
                                            "chartleftmargin": "25",
                                            "chartrightmargin": "30",
                                            "majortmcolor": "868F9B",
                                            "majortmheight": "10",
                                            "majortmthickness": "2",
                                            "pointerbgalpha": "0",
                                            "pointerborderthickness": "2",
                                            "majortmnumber": "0",
                                            "minortmnumber": "0",
                                            "showtooltip": "0",
                                            "decimals": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "1000",
                                                "code": "F6BD0F"
                                            }]
                                        },
                                        "pointers": {"pointer": [{"value": "665"}]},
                                        "trendpoints": {
                                            "point": [{
                                                "startvalue": "350",
                                                "fontcolor": "FF4400",
                                                "usemarker": "0",
                                                "dashed": "1",
                                                "dashlen": "1",
                                                "dashgap": "3",
                                                "markerradius": "5",
                                                "color": "FF654F",
                                                "alpha": "100",
                                                "thickness": "2"
                                            }, {
                                                "startvalue": "800",
                                                "fontcolor": "FF4400",
                                                "usemarker": "0",
                                                "dashed": "1",
                                                "dashlen": "1",
                                                "dashgap": "3",
                                                "markerradius": "5",
                                                "color": "8BBA00",
                                                "alpha": "100",
                                                "thickness": "2"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+2",
                                                    "y": "$chartStartY+2",
                                                    "tox": "$chartEndX-5",
                                                    "toy": "$chartEndY-5",
                                                    "radius": "10",
                                                    "fillcolor": "D6E0F6",
                                                    "fillangle": "90",
                                                    "bordercolor": "868F9B",
                                                    "borderthickness": "2"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_lgg05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 5',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "450",
                                            "orih": "120",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "showborder": "0",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "numbersuffix": "%",
                                            "gaugeroundradius": "5",
                                            "ticksbelowgauge": "1",
                                            "placevaluesinside": "0",
                                            "showgaugelabels": "0",
                                            "valueabovepointer": "1",
                                            "pointerontop": "1",
                                            "pointerradius": "6",
                                            "charttopmargin": "15",
                                            "chartbottommargin": "15",
                                            "chartleftmargin": "25",
                                            "chartrightmargin": "30",
                                            "majortmcolor": "666666"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "100",
                                                "code": "F6BD0F"
                                            }]
                                        },
                                        "pointers": {"pointer": [{"value": "65"}]},
                                        "trendpoints": {
                                            "point": [{
                                                "startvalue": "75",
                                                "displayvalue": "Target",
                                                "dashed": "1",
                                                "dashlen": "1",
                                                "dashgap": "3",
                                                "color": "FFFFFF",
                                                "thickness": "2"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX",
                                                    "y": "$chartStartY",
                                                    "tox": "$chartEndX",
                                                    "toy": "$chartEndY",
                                                    "radius": "10",
                                                    "fillcolor": "AEC0CA, 333333, AEC0CA",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+5",
                                                    "y": "$chartStartY+5",
                                                    "tox": "$chartEndX-5",
                                                    "toy": "$chartEndY-5",
                                                    "radius": "10",
                                                    "fillcolor": "333333, C3D0D8, 333333",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+10",
                                                    "y": "$chartStartY+10",
                                                    "tox": "$chartEndX-10",
                                                    "toy": "$chartEndY-10",
                                                    "radius": "10",
                                                    "fillcolor": "C4D5DC, A3A5A4",
                                                    "fillangle": "180"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_lgg06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 6',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "420",
                                            "origh": "90",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "numbersuffix": "%",
                                            "showborder": "0",
                                            "bgcolor": "FFFFFF",
                                            "ticksbelowgauge": "1",
                                            "valuepadding": "0",
                                            "gaugefillmix": "",
                                            "showgaugeborder": "0",
                                            "pointerontop": "0",
                                            "pointerradius": "5",
                                            "pointerbordercolor": "000000",
                                            "pointerbgcolor": "000000",
                                            "annrenderdelay": "0",
                                            "showshadow": "0",
                                            "minortmnumber": "0",
                                            "basefontcolor": "000000",
                                            "animation": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "100",
                                                "alpha": "0"
                                            }]
                                        },
                                        "pointers": {"pointer": [{"value": "62"}]},
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "0",
                                                "x": "$chartCenterX",
                                                "y": "-765",
                                                "items": [{
                                                    "type": "circle",
                                                    "radius": "800",
                                                    "color": "FFFFFF"
                                                }]
                                            }, {
                                                "id": "Grp2",
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$gaugeStartX",
                                                    "y": "$gaugeStartY",
                                                    "tox": "$gaugeEndX",
                                                    "toy": "$gaugeEndY",
                                                    "fillcolor": "678000,FCEF27,E00000"
                                                }]
                                            }, {
                                                "id": "Grp3",
                                                "showbelow": "0",
                                                "items": [{
                                                    "type": "text",
                                                    "x": "$gaugeStartX+25",
                                                    "y": "40",
                                                    "size": "10",
                                                    "color": "FFFFFF",
                                                    "bold": "1",
                                                    "label": "Good"
                                                }, {
                                                    "type": "text",
                                                    "x": "$gaugeEndX-25",
                                                    "y": "40",
                                                    "size": "10",
                                                    "color": "FFFFFF",
                                                    "bold": "1",
                                                    "label": "Bad"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_lgg07',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Linear) 7',
                                image: CONF.img_widgets,
                                imagePos: '-80px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLinearGauge",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "bgcolor": "FFFFFF",
                                            "bordercolor": "DCCEA1",
                                            "charttopmargin": "0",
                                            "chartbottommargin": "0",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "ticksbelowgauge": "1",
                                            "tickmarkdistance": "3",
                                            "valuepadding": "-2",
                                            "pointerradius": "5",
                                            "majortmcolor": "000000",
                                            "majortmnumber": "3",
                                            "minortmnumber": "4",
                                            "minortmheight": "4",
                                            "majortmheight": "8",
                                            "showshadow": "0",
                                            "pointerbgcolor": "FFFFFF",
                                            "pointerbordercolor": "000000",
                                            "gaugeborderthickness": "3",
                                            "basefontcolor": "000000",
                                            "gaugefillmix": "{color},{FFFFFF}",
                                            "gaugefillratio": "50,50",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "60",
                                                "code": "B40001",
                                                "bordercolor": "B40001",
                                                "label": "Existing"
                                            }, {
                                                "minvalue": "60",
                                                "maxvalue": "100",
                                                "code": "5C8F0E",
                                                "label": "Proposed"
                                            }]
                                        },
                                        "pointers": {"pointer": [{"value": "60"}]}
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.11',
                    key: 'xui.FusionChartsXT.11',
                    caption: '$(RAD.widgets.group.Cylinder Gauge)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_cgg01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Cylinder) 1',
                                image: CONF.img_widgets,
                                imagePos: '-128px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Cylinder",
                                    JSONData: {
                                        "chart": {
                                            "caption": "Fuel Meter",
                                            "subcaption": "Diesel level in generator Bakersfield Central",
                                            "subcaptionFontBold": "0",
                                            "lowerLimit": "0",
                                            "upperLimit": "120",
                                            "lowerLimitDisplay": "Empty",
                                            "upperLimitDisplay": "Full",
                                            "numberSuffix": " ltrs",
                                            "showValue": "0",
                                            "showhovereffect": "1",
                                            "bgCOlor": "#ffffff",
                                            "borderAlpha": "0",
                                            "cylFillColor": "#008ee4"
                                        }, "value": "110"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_cgg02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Cylinder) 2',
                                image: CONF.img_widgets,
                                imagePos: '-128px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Cylinder",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "showborder": "0",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "showtickmarks": "0",
                                            "showtickvalues": "0",
                                            "showlimits": "0",
                                            "numbersuffix": "%",
                                            "decmials": "0",
                                            "cylfillcolor": "CC0000",
                                            "basefontcolor": "CC0000",
                                            "chartleftmargin": "15",
                                            "chartrightmargin": "15",
                                            "charttopmargin": "15"
                                        },
                                        "value": "44",
                                        "annotations": {
                                            "groups": [{
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+1",
                                                    "y": "$chartStartY+1",
                                                    "tox": "$chartEndX-1",
                                                    "toy": "$chartEndY-1",
                                                    "color": "FFFFFF",
                                                    "alpha": "100",
                                                    "showborder": "0",
                                                    "bordercolor": "CC0000",
                                                    "borderthickness": "2",
                                                    "radius": "10"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_cgg03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Cylinder) 3',
                                image: CONF.img_widgets,
                                imagePos: '-128px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Cylinder",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "tickmarkgap": "5",
                                            "numbersuffix": "%",
                                            "showborder": "0"
                                        }, "value": "32"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_cgg04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Cylinder) 4',
                                image: CONF.img_widgets,
                                imagePos: '-128px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Cylinder",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "bgcolor": "F1F1FD",
                                            "lowerlimit": "0",
                                            "upperlimit": "5000",
                                            "showtickmarks": "0",
                                            "numbersuffix": " Ltrs",
                                            "tickvaluedistance": "20",
                                            "decmials": "0",
                                            "tickmarkdecmials": "0",
                                            "cylfillcolor": "996633",
                                            "cylradius": "45",
                                            "showvalue": "0",
                                            "showborder": "0"
                                        },
                                        "value": "3650",
                                        "annotations": {
                                            "groups": [{
                                                "x": "120",
                                                "y": "60",
                                                "scaletext": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "0",
                                                    "y": "0",
                                                    "tox": "160",
                                                    "toy": "60",
                                                    "radius": "0",
                                                    "fillcolor": "333333",
                                                    "fillalpha": "5"
                                                }, {
                                                    "type": "line",
                                                    "x": "0",
                                                    "y": "0",
                                                    "toy": "60",
                                                    "color": "333333",
                                                    "thickness": "2"
                                                }, {
                                                    "type": "line",
                                                    "x": "160",
                                                    "y": "0",
                                                    "toy": "60",
                                                    "color": "333333",
                                                    "thickness": "2"
                                                }, {
                                                    "type": "line",
                                                    "x": "0",
                                                    "y": "0",
                                                    "tox": "5",
                                                    "color": "333333",
                                                    "thickness": "2"
                                                }, {
                                                    "type": "line",
                                                    "x": "0",
                                                    "y": "60",
                                                    "tox": "5",
                                                    "color": "333333",
                                                    "thickness": "2"
                                                }, {
                                                    "type": "line",
                                                    "x": "155",
                                                    "y": "0",
                                                    "tox": "160",
                                                    "color": "333333",
                                                    "thickness": "2"
                                                }, {
                                                    "type": "line",
                                                    "x": "155",
                                                    "y": "60",
                                                    "tox": "160",
                                                    "color": "333333",
                                                    "thickness": "2"
                                                }, {
                                                    "type": "text",
                                                    "label": "Fuel left in tanker",
                                                    "font": "Verdana",
                                                    "x": "25",
                                                    "y": "5",
                                                    "align": "left",
                                                    "valign": "bottom",
                                                    "fontcolor": "333333",
                                                    "fontsize": "10",
                                                    "isbold": "1"
                                                }, {
                                                    "type": "text",
                                                    "label": "(expressed in ltrs)",
                                                    "font": "Verdana",
                                                    "x": "24",
                                                    "y": "20",
                                                    "align": "left",
                                                    "valign": "bottom",
                                                    "fontcolor": "333333",
                                                    "fontsize": "10"
                                                }, {
                                                    "type": "text",
                                                    "label": "3650",
                                                    "font": "Verdana",
                                                    "x": "25",
                                                    "y": "35",
                                                    "align": "left",
                                                    "valign": "bottom",
                                                    "fontcolor": "333333",
                                                    "fontsize": "10",
                                                    "isbold": "1"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.12',
                    key: 'xui.FusionChartsXT.12',
                    caption: '$(RAD.widgets.group.LED Gauge)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_ledgg01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.HLED) 1',
                                image: CONF.img_widgets,
                                imagePos: '-96px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLED",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "chartbottommargin": "5",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "lowerlimitdisplay": "Low",
                                            "upperlimitdisplay": "High",
                                            "numbersuffix": "%",
                                            "showtickmarks": "1",
                                            "tickvaluedistance": "0",
                                            "majortmnumber": "5",
                                            "majortmheight": "4",
                                            "minortmnumber": "0",
                                            "showtickvalues": "1",
                                            "decimals": "0",
                                            "ledgap": "1",
                                            "ledsize": "1",
                                            "ledboxbgcolor": "333333",
                                            "ledbordercolor": "666666",
                                            "borderthickness": "2",
                                            "chartrightmargin": "20",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "30",
                                                "code": "FF0000"
                                            }, {
                                                "minvalue": "30",
                                                "maxvalue": "50",
                                                "code": "FFFF00"
                                            }, {"minvalue": "50", "maxvalue": "100", "code": "00FF00"}]
                                        },
                                        "value": "70"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_ledgg02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.HLED) 2',
                                image: CONF.img_widgets,
                                imagePos: '-96px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLED",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "showtickmarks": "1",
                                            "numbersuffix": "%",
                                            "decimals": "0",
                                            "ledgap": "0",
                                            "ledsize": "2",
                                            "ledboxbgcolor": "333333",
                                            "ledbordercolor": "666666",
                                            "borderthickness": "5",
                                            "chartleftmargin": "25",
                                            "chartrightmargin": "25",
                                            "basefontcolor": "333333",
                                            "ticksbelowgauge": "0",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "30",
                                                "code": "00cccc"
                                            }, {"minvalue": "50", "maxvalue": "100", "code": "0066ff"}]
                                        },
                                        "value": "70"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_ledgg03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.HLED) 3',
                                image: CONF.img_widgets,
                                imagePos: '-96px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLED",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "lowerlimit": "0",
                                            "upperlimit": "120",
                                            "lowerlimitdisplay": "Low",
                                            "upperlimitdisplay": "High",
                                            "palette": "4",
                                            "numbersuffix": "dB",
                                            "chartrightmargin": "20",
                                            "chartleftmargin": "20",
                                            "ledsize": "5",
                                            "ledgap": "5",
                                            "ticksbelowgauge": "0",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "60",
                                                "code": "FF0000"
                                            }, {
                                                "minvalue": "60",
                                                "maxvalue": "90",
                                                "code": "FFFF00"
                                            }, {"minvalue": "90", "maxvalue": "120", "code": "00FF00"}]
                                        },
                                        "value": "102"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_ledgg04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.HLED) 4',
                                image: CONF.img_widgets,
                                imagePos: '-96px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "HLED",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "palette": "3",
                                            "lowerlimit": "0",
                                            "upperlimit": "120",
                                            "majortmcolor": "333333",
                                            "majortmalpha": "100",
                                            "majortmheight": "10",
                                            "majortmthickness": "2",
                                            "minortmcolor": "666666",
                                            "minortmalpha": "100",
                                            "minortmheight": "7",
                                            "usesamefillcolor": "1",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "60",
                                                "code": "FF0000"
                                            }, {
                                                "minvalue": "60",
                                                "maxvalue": "90",
                                                "code": "FFFF00"
                                            }, {"minvalue": "90", "maxvalue": "120", "code": "00FF00"}]
                                        },
                                        "value": "52"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_ledgg05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.VLED) 1',
                                image: CONF.img_widgets,
                                imagePos: '-112px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "VLED",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "240",
                                            "origh": "250",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "numbersuffix": "%",
                                            "majortmnumber": "11",
                                            "majortmcolor": "646F8F",
                                            "majortmheight": "9",
                                            "minortmnumber": "2",
                                            "minortmcolor": "646F8F",
                                            "minortmheight": "3",
                                            "majortmthickness": "1",
                                            "decmials": "0",
                                            "ledgap": "2",
                                            "ledsize": "2",
                                            "annrenderdelay": "1.7",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "20",
                                                "code": "00dd00"
                                            }]
                                        },
                                        "annotations": {
                                            "groups": [{
                                                "id": "GRP1",
                                                "showbelow": "0",
                                                "x": "$gaugeCenterX",
                                                "constrainedscale": "0",
                                                "items": [{
                                                    "type": "line",
                                                    "y": "$gaugeStartY+1",
                                                    "toy": "$gaugeEndY-1",
                                                    "color": "000000",
                                                    "linethickness": "3"
                                                }]
                                            }]
                                        },
                                        "value": "45"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_ledgg06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.VLED) 2',
                                image: CONF.img_widgets,
                                imagePos: '-112px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "VLED",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "upperlimit": "100",
                                            "lowerlimit": "0",
                                            "numbersuffix": "%",
                                            "majortmnumber": "11",
                                            "majortmcolor": "646F8F",
                                            "majortmheight": "9",
                                            "minortmnumber": "2",
                                            "minortmcolor": "646F8F",
                                            "minortmheight": "3",
                                            "majortmthickness": "1",
                                            "decimals": "0",
                                            "ledgap": "0",
                                            "ledsize": "1",
                                            "ledborderthickness": "4",
                                            "showborder": "0"
                                        },
                                        "colorrange": {
                                            "color": [{
                                                "minvalue": "0",
                                                "maxvalue": "30",
                                                "code": "cf0000"
                                            }, {
                                                "minvalue": "30",
                                                "maxvalue": "60",
                                                "code": "ffcc33"
                                            }, {"minvalue": "60", "maxvalue": "100", "code": "99cc00"}]
                                        },
                                        "value": "95"
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.13',
                    key: 'xui.FusionChartsXT.13',
                    caption: '$(RAD.widgets.group.Thermometer Gauge)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_tmgg01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Thermometer) 1',
                                image: CONF.img_widgets,
                                imagePos: '-144px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Thermometer",
                                    JSONData: {
                                        "chart": {
                                            "caption": "Central cold storage",
                                            "subcaption": "Bakersfield Central",
                                            "subcaptionFontBold": "0",
                                            "lowerLimit": "-20",
                                            "upperLimit": "20",
                                            "numberSuffix": "\u00B0C",
                                            "bgColor": "#ffffff",
                                            "showBorder": "0",
                                            "thmFillColor": "#008ee4"
                                        }, "value": "-10"
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_tmgg02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Thermometer) 2',
                                image: CONF.img_widgets,
                                imagePos: '-144px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Thermometer",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "palette": "3",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "showborder": "0",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "lowerlimitdisplay": "Low",
                                            "upperlimitdisplay": "High",
                                            "numbersuffix": "%",
                                            "majortmheight": "4",
                                            "minortmnumber": "5",
                                            "usesamefillcolor": "0",
                                            "showtickvalues": "1",
                                            "decmials": "0",
                                            "charttopmargin": "25",
                                            "chartleftmargin": "20",
                                            "chartbottommargin": "20",
                                            "thmbulbradius": "20",
                                            "gaugeoriginx": "40"
                                        },
                                        "value": "78.9",
                                        "annotations": {
                                            "groups": [{
                                                "id": "Grp1",
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+8",
                                                    "y": "$chartStartY",
                                                    "tox": "$chartEndX",
                                                    "toy": "$chartEndY",
                                                    "radius": "10",
                                                    "fillcolor": "AEC0CA, 333333, AEC0CA",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+13",
                                                    "y": "$chartStartY+5",
                                                    "tox": "$chartEndX-5",
                                                    "toy": "$chartEndY-5",
                                                    "radius": "10",
                                                    "fillcolor": "333333, C3D0D8, 333333",
                                                    "fillangle": "90"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+18",
                                                    "y": "$chartStartY+10",
                                                    "tox": "$chartEndX-10",
                                                    "toy": "$chartEndY-10",
                                                    "radius": "10",
                                                    "fillcolor": "C4D5DC, A3A5A4",
                                                    "fillangle": "180"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_tmgg03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Thermometer) 3',
                                image: CONF.img_widgets,
                                imagePos: '-144px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Thermometer",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "lowerlimit": "-40",
                                            "upperlimit": "120",
                                            "majortmnumber": "11",
                                            "majortmcolor": "A4D1FF",
                                            "minortmcolor": "A4D1FF",
                                            "majortmwidth": "4",
                                            "minortmnumber": "3",
                                            "majortmthickness": "1",
                                            "basefontcolor": "A4D1FF",
                                            "decmials": "0",
                                            "tickmarkdecmials": "0",
                                            "thmfillcolor": "FF5904",
                                            "chartleftmargin": "30",
                                            "charttopmargin": "40",
                                            "chartbottommargin": "40",
                                            "numbersuffix": "\u00B0",
                                            "borderthickness": "2",
                                            "thmbulbradius": "20",
                                            "gaugeoriginx": "30",
                                            "showborder": "0"
                                        },
                                        "value": "32",
                                        "annotations": {
                                            "groups": [{
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX",
                                                    "y": "$chartStartY",
                                                    "tox": "$chartEndX",
                                                    "toy": "$chartEndY",
                                                    "radius": "0",
                                                    "showborder": "0",
                                                    "borderthickness": "1",
                                                    "fillcolor": "666666,CCCCCC",
                                                    "fillalpha": "100",
                                                    "fillasgradient": "1",
                                                    "fillangle": "90",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+5",
                                                    "y": "$chartStartY+5",
                                                    "tox": "$chartEndX-5",
                                                    "toy": "$chartEndY-5",
                                                    "radius": "0",
                                                    "fillcolor": "CCCCCC,888888",
                                                    "fillalpha": "100,100",
                                                    "fillasgradient": "1",
                                                    "fillangle": "90",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+10",
                                                    "y": "$chartStartY+10",
                                                    "tox": "$chartEndX-10",
                                                    "toy": "$chartEndY-10",
                                                    "radius": "0",
                                                    "fillcolor": "004F9D"
                                                }, {
                                                    "type": "text",
                                                    "x": "78",
                                                    "y": "403",
                                                    "label": "F",
                                                    "fontsize": "12",
                                                    "fontcolor": "A4D1FF"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_tmgg04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Thermometer) 4',
                                image: CONF.img_widgets,
                                imagePos: '-144px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Thermometer",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "showborder": "0",
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "0",
                                            "lowerlimit": "0",
                                            "upperlimit": "100",
                                            "majortmnumber": "11",
                                            "majortmheight": "2",
                                            "minortmnumber": "9",
                                            "decmials": "0",
                                            "thmfillcolor": "FF5904",
                                            "chartleftmargin": "20",
                                            "chartrightmargin": "20",
                                            "charttopmargin": "40",
                                            "chartbottommargin": "40",
                                            "numbersuffix": "\u00B0",
                                            "borderthickness": "2",
                                            "thmbulbradius": "30",
                                            "gaugeoriginx": "40"
                                        },
                                        "value": "32",
                                        "annotations": {
                                            "groups": [{
                                                "showbelow": "1",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX",
                                                    "y": "$chartStartY",
                                                    "tox": "$chartEndX",
                                                    "toy": "$chartEndY",
                                                    "radius": "15",
                                                    "showborder": "0",
                                                    "borderthickness": "2",
                                                    "fillcolor": "914800,000000",
                                                    "fillalpha": "100",
                                                    "fillasgradient": "1",
                                                    "fillangle": "45",
                                                    "fillpattern": "linear"
                                                }, {
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+10",
                                                    "y": "$chartStartY+10",
                                                    "tox": "$chartEndX-10",
                                                    "toy": "$chartEndY-10",
                                                    "radius": "10",
                                                    "showborder": "1",
                                                    "borderthickness": "2",
                                                    "fillcolor": "FFBC79,FFBA75",
                                                    "fillalpha": "50",
                                                    "fillangle": "45"
                                                }, {
                                                    "type": "text",
                                                    "x": "77",
                                                    "y": "433",
                                                    "label": "C",
                                                    "fontsize": "12",
                                                    "fontcolor": "5D5D5D",
                                                    "bold": "1"
                                                }]
                                            }]
                                        }
                                    }
                                }
                            }
                        ]
                },

            ]
        },
        {
            id: 'xui.UI.FusionChartsXT',
            key: 'xui.UI.FusionChartsXT',
            caption: '统计',
            // itemStyle: "font-style: italic;",
            group: true,
            imageClass: 'xui-uicmd-getter',
            sub: [
                {
                    id: 'xui.FusionChartsXT.1',
                    key: 'xui.FusionChartsXT.1',
                    caption: '$(RAD.widgets.group.Single Series)',
                    group: true,
                    iniFold: false,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCs01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Column 2D)',
                                image: CONF.img_widgets,
                                imagePos: 'left -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Column2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Column 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-16px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Column3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Bar 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-64px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Bar2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs051',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Bar 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-64px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Bar3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$RAD.widgets.fc.Line',
                                image: CONF.img_widgets,
                                imagePos: '-32px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Line",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$RAD.widgets.fc.Area2D',
                                image: CONF.img_widgets,
                                imagePos: '-48px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Area2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pie 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-80px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pie2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCPie
                                }
                            },
                            {
                                id: 'xui.UI.FCs07',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pie 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-96px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pie3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCPie
                                }
                            },
                            {
                                id: 'xui.UI.FCs08',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Doughnut 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-112px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Doughnut2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCPie
                                }
                            },
                            {
                                id: 'xui.UI.FCs09',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Doughnut 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-128px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Doughnut3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCPie
                                }
                            },
                            {
                                id: 'xui.UI.FCs10',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pareto 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-144px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pareto2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            },
                            {
                                id: 'xui.UI.FCs11',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pareto 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-160px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pareto3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCsingle
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.2',
                    key: 'xui.FusionChartsXT.2',
                    caption: '$(RAD.widgets.group.Multi Series)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCm01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSColumn 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-176px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSColumn2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSColumn 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-192px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSColumn3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSBar 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-224px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSBar2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSBar 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-240px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSBar3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSLine)',
                                image: CONF.img_widgets,
                                imagePos: '-208px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSLine",
                                    dock: 'fill',
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSArea)',
                                image: CONF.img_widgets,
                                imagePos: '-256px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSArea",
                                    dock: 'fill',
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm07',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Marimekko)',
                                image: CONF.img_widgets,
                                imagePos: '-272px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Marimekko",
                                    JSONData: CONF.FCmulti
                                }
                            },
                            {
                                id: 'xui.UI.FCm08',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Zoom Line)',
                                image: CONF.img_widgets,
                                imagePos: '-288px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ZoomLine",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Unique Website Visitors",
                                            "subcaption": "Last year",
                                            "paletteColors": "#0075c2,#1aaf5d",
                                            "captionFontSize": "14",
                                            "subcaptionFontSize": "14",
                                            "subcaptionFontBold": "0",
                                            "showBorder": "0",
                                            "bgColor": "#ffffff",
                                            "baseFont": "Helvetica Neue,Arial",
                                            "showCanvasBorder": "0",
                                            "showShadow": "0",
                                            "showAlternateHGridColor": "0",
                                            "canvasBgColor": "#ffffff",
                                            "yaxisname": "Unique Visitors",
                                            "xaxisname": "Date",
                                            "yaxisminValue": "800",
                                            "yaxismaxValue": "1400",
                                            "forceAxisLimits": "1",
                                            "pixelsPerPoint": "0",
                                            "pixelsPerLabel": "30",
                                            "lineThickness": "1",
                                            "compactdatamode": "1",
                                            "dataseparator": "|",
                                            "labelHeight": "30",
                                            "scrollheight": "10",
                                            "flatScrollBars": "1",
                                            "scrollShowButtons": "0",
                                            "scrollColor": "#cccccc",
                                            "legendBgAlpha": "0",
                                            "legendBorderAlpha": "0",
                                            "legendShadow": "0",
                                            "legendItemFontSize": "10",
                                            "legendItemFontColor": "#666666"
                                        },
                                        "categories": [{"category": "Jan 01|Jan 02|Jan 03|Jan 04|Jan 05|Jan 06|Jan 07|Jan 08|Jan 09|Jan 10|Jan 11|Jan 12|Jan 13|Jan 14|Jan 15|Jan 16|Jan 17|Jan 18|Jan 19|Jan 20|Jan 21|Jan 22|Jan 23|Jan 24|Jan 25|Jan 26|Jan 27|Jan 28|Jan 29|Jan 30|Jan 31|Feb 01|Feb 02|Feb 03|Feb 04|Feb 05|Feb 06|Feb 07|Feb 08|Feb 09|Feb 10|Feb 11|Feb 12|Feb 13|Feb 14|Feb 15|Feb 16|Feb 17|Feb 18|Feb 19|Feb 20|Feb 21|Feb 22|Feb 23|Feb 24|Feb 25|Feb 26|Feb 27|Feb 28|Mar 01|Mar 02|Mar 03|Mar 04|Mar 05|Mar 06|Mar 07|Mar 08|Mar 09|Mar 10|Mar 11|Mar 12|Mar 13|Mar 14|Mar 15|Mar 16|Mar 17|Mar 18|Mar 19|Mar 20|Mar 21|Mar 22|Mar 23|Mar 24|Mar 25|Mar 26|Mar 27|Mar 28|Mar 29|Mar 30|Mar 31|Apr 01|Apr 02|Apr 03|Apr 04|Apr 05|Apr 06|Apr 07|Apr 08|Apr 09|Apr 10|Apr 11|Apr 12|Apr 13|Apr 14|Apr 15|Apr 16|Apr 17|Apr 18|Apr 19|Apr 20|Apr 21|Apr 22|Apr 23|Apr 24|Apr 25|Apr 26|Apr 27|Apr 28|Apr 29|Apr 30|May 01|May 02|May 03|May 04|May 05|May 06|May 07|May 08|May 09|May 10|May 11|May 12|May 13|May 14|May 15|May 16|May 17|May 18|May 19|May 20|May 21|May 22|May 23|May 24|May 25|May 26|May 27|May 28|May 29|May 30|May 31|Jun 01|Jun 02|Jun 03|Jun 04|Jun 05|Jun 06|Jun 07|Jun 08|Jun 09|Jun 10|Jun 11|Jun 12|Jun 13|Jun 14|Jun 15|Jun 16|Jun 17|Jun 18|Jun 19|Jun 20|Jun 21|Jun 22|Jun 23|Jun 24|Jun 25|Jun 26|Jun 27|Jun 28|Jun 29|Jun 30|Jul 01|Jul 02|Jul 03|Jul 04|Jul 05|Jul 06|Jul 07|Jul 08|Jul 09|Jul 10|Jul 11|Jul 12|Jul 13|Jul 14|Jul 15|Jul 16|Jul 17|Jul 18|Jul 19|Jul 20|Jul 21|Jul 22|Jul 23|Jul 24|Jul 25|Jul 26|Jul 27|Jul 28|Jul 29|Jul 30|Jul 31|Aug 01|Aug 02|Aug 03|Aug 04|Aug 05|Aug 06|Aug 07|Aug 08|Aug 09|Aug 10|Aug 11|Aug 12|Aug 13|Aug 14|Aug 15|Aug 16|Aug 17|Aug 18|Aug 19|Aug 20|Aug 21|Aug 22|Aug 23|Aug 24|Aug 25|Aug 26|Aug 27|Aug 28|Aug 29|Aug 30|Aug 31|Sep 01|Sep 02|Sep 03|Sep 04|Sep 05|Sep 06|Sep 07|Sep 08|Sep 09|Sep 10|Sep 11|Sep 12|Sep 13|Sep 14|Sep 15|Sep 16|Sep 17|Sep 18|Sep 19|Sep 20|Sep 21|Sep 22|Sep 23|Sep 24|Sep 25|Sep 26|Sep 27|Sep 28|Sep 29|Sep 30|Oct 01|Oct 02|Oct 03|Oct 04|Oct 05|Oct 06|Oct 07|Oct 08|Oct 09|Oct 10|Oct 11|Oct 12|Oct 13|Oct 14|Oct 15|Oct 16|Oct 17|Oct 18|Oct 19|Oct 20|Oct 21|Oct 22|Oct 23|Oct 24|Oct 25|Oct 26|Oct 27|Oct 28|Oct 29|Oct 30|Oct 31|Nov 01|Nov 02|Nov 03|Nov 04|Nov 05|Nov 06|Nov 07|Nov 08|Nov 09|Nov 10|Nov 11|Nov 12|Nov 13|Nov 14|Nov 15|Nov 16|Nov 17|Nov 18|Nov 19|Nov 20|Nov 21|Nov 22|Nov 23|Nov 24|Nov 25|Nov 26|Nov 27|Nov 28|Nov 29|Nov 30|Dec 01|Dec 02|Dec 03|Dec 04|Dec 05|Dec 06|Dec 07|Dec 08|Dec 09|Dec 10|Dec 11|Dec 12|Dec 13|Dec 14|Dec 15|Dec 16|Dec 17|Dec 18|Dec 19|Dec 20|Dec 21|Dec 22|Dec 23|Dec 24|Dec 25|Dec 26|Dec 27|Dec 28|Dec 29|Dec 30|Dec 31"}],
                                        "dataset": [{
                                            "seriesname": "harrysfoodmart.com",
                                            "data": "978|976|955|981|992|964|973|949|985|962|977|955|988|959|985|965|991|985|966|989|960|944|976|980|940|941|945|952|973|946|951|983|942|964|937|942|963|971|969|967|934|935|956|974|930|936|935|973|979|990|994|992|994|984|991|986|963|985|1006|965|958|976|993|974|995|989|966|965|1011|995|1007|978|985|1012|997|985|1004|987|986|981|991|982|992|983|1018|994|976|989|1022|989|1002|983|1015|1006|1005|1003|1017|1014|995|1007|1001|1019|1012|1005|1027|1011|1013|1035|1010|1011|1011|1036|1041|1005|1005|997|1012|1032|1025|1020|998|1018|1000|1009|1005|1004|1042|1047|1021|1032|1019|1038|1050|1037|1019|1018|1035|1055|1028|1049|1013|1028|1023|1054|1041|1051|1069|1051|1072|1049|1054|1035|1072|1042|1048|1083|1054|1048|1065|1046|1055|1056|1085|1046|1048|1048|1068|1089|1074|1078|1046|1052|1082|1052|1067|1058|1051|1052|1082|1060|1076|1077|1059|1070|1082|1093|1100|1089|1079|1075|1087|1089|1088|1106|1107|1067|1076|1101|1094|1078|1097|1094|1083|1066|1079|1111|1100|1085|1091|1095|1081|1091|1077|1095|1107|1083|1116|1118|1101|1111|1096|1077|1086|1117|1087|1105|1107|1094|1112|1101|1084|1094|1125|1099|1108|1084|1099|1120|1122|1092|1120|1121|1094|1114|1099|1129|1095|1125|1127|1121|1129|1110|1097|1136|1110|1098|1131|1125|1144|1104|1117|1105|1105|1145|1102|1143|1115|1147|1149|1129|1108|1109|1130|1153|1121|1127|1133|1120|1155|1120|1147|1118|1117|1145|1152|1145|1130|1157|1135|1115|1156|1163|1131|1123|1137|1151|1160|1152|1166|1144|1137|1124|1151|1129|1133|1143|1139|1171|1135|1132|1174|1170|1163|1175|1152|1142|1160|1148|1173|1158|1160|1151|1142|1168|1153|1143|1157|1142|1172|1186|1176|1185|1175|1178|1184|1166|1148|1166|1186|1187|1180|1179|1161|1174|1155|1172|1173|1179|1149|1170|1175|1162|1151|1152|1163|1155|1197|1174|1199|1180|1160|1174|1159|1168|1160"
                                        }, {
                                            "seriesname": "harrysfashion.com",
                                            "data": "1053|1057|1084|1082|1098|1055|1068|1067|1074|1056|1067|1078|1079|1084|1041|1052|1066|1080|1049|1051|1049|1044|1083|1053|1038|1077|1046|1067|1053|1033|1047|1055|1031|1074|1031|1041|1071|1057|1035|1070|1050|1069|1054|1049|1022|1044|1049|1058|1064|1088|1093|1103|1085|1072|1104|1106|1078|1061|1078|1105|1105|1062|1076|1074|1114|1069|1091|1086|1094|1072|1079|1088|1082|1075|1110|1120|1108|1102|1090|1088|1092|1102|1110|1111|1085|1113|1110|1116|1095|1105|1105|1122|1133|1132|1093|1097|1120|1105|1135|1106|1108|1135|1098|1136|1122|1113|1113|1145|1103|1127|1104|1126|1147|1120|1119|1120|1132|1107|1149|1147|1149|1141|1145|1152|1117|1144|1157|1134|1157|1120|1125|1153|1141|1132|1158|1134|1166|1167|1170|1163|1139|1171|1145|1156|1158|1154|1196|1196|1169|1174|1174|1195|1161|1201|1208|1188|1182|1188|1162|1174|1174|1211|1189|1211|1172|1211|1179|1199|1216|1184|1209|1181|1186|1174|1185|1220|1206|1190|1206|1201|1190|1209|1208|1189|1195|1188|1193|1206|1214|1205|1215|1200|1194|1210|1205|1236|1226|1208|1228|1235|1197|1197|1198|1224|1220|1210|1226|1244|1228|1241|1237|1201|1208|1238|1213|1222|1213|1249|1222|1221|1230|1223|1214|1251|1234|1220|1240|1213|1252|1224|1222|1234|1262|1255|1225|1226|1242|1240|1250|1265|1235|1228|1261|1221|1230|1235|1260|1273|1253|1268|1258|1233|1258|1248|1230|1270|1246|1242|1246|1253|1253|1257|1253|1266|1248|1247|1257|1245|1281|1271|1272|1248|1292|1251|1253|1257|1259|1288|1252|1297|1290|1268|1291|1258|1263|1254|1302|1279|1272|1271|1281|1261|1263|1289|1294|1272|1296|1264|1282|1268|1296|1280|1281|1277|1277|1292|1266|1310|1288|1312|1308|1300|1289|1273|1282|1300|1322|1301|1314|1296|1305|1305|1327|1323|1295|1314|1298|1312|1330|1293|1309|1286|1309|1332|1300|1295|1325|1322|1305|1323|1300|1308|1299|1324|1338|1313|1329|1331|1299|1329|1344|1335|1342|1307|1314|1326|1331|1328|1328|1311|1352|1328|1309|1311|1312"
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.3',
                    key: 'xui.FusionChartsXT.3',
                    caption: '$RAD.widgets.group.Stacked',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCst01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.StackedColumn 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-304px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedColumn2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCstack
                                }
                            },
                            {
                                id: 'xui.UI.FCst02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.StackedColumn 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-320px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedColumn3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCstack
                                }
                            },
                            {
                                id: 'xui.UI.FCst03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.StackedBar 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-336px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedBar2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCstack
                                }
                            },
                            {
                                id: 'xui.UI.FCst04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.StackedBar 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-352px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedBar3D",
                                    dock: 'fill',
                                    JSONData: CONF.FCstack
                                }
                            },
                            {
                                id: 'xui.UI.FCst05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.StackedArea 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-368px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedArea2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCstack
                                }
                            },
                            {
                                id: 'xui.UI.FCst06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSStackedColumn 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-384px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSStackedColumn2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCstack2
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.4',
                    key: 'xui.FusionChartsXT.4',
                    caption: '$RAD.widgets.group.Combination',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCc01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSCombi 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSCombi2D",
                                    dock: 'fill',
                                    JSONData: CONF.FCcomb
                                }
                            },
                            {
                                id: 'xui.UI.FCc02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSCombi 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSCombi3D",
                                    JSONData: CONF.FCcomb
                                }
                            },
                            {
                                id: 'xui.UI.FCc03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSColumnLine 3D)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSColumnLine3D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Company Revenue",
                                            "palette": "1",
                                            "showvalues": "0",
                                            "yaxisvaluespadding": "10",
                                            "numberprefix": "$"
                                        },
                                        "categories": [{"category": [{"label": "Aug 05"}, {"label": "Sep 05"}, {"label": "Oct 05"}, {"label": "Nov 05"}, {"label": "Dec 05"}]}],
                                        "dataset": [{
                                            "seriesname": "Product A",
                                            "data": [{"value": "36000"}, {"value": "34300"}, {"value": "30000"}, {"value": "27800"}, {"value": "25000"}]
                                        }, {
                                            "seriesname": "Product B",
                                            "data": [{"value": "31000"}, {"value": "29300"}, {"value": "26000"}, {"value": "21000"}, {"value": "20500"}]
                                        }, {
                                            "seriesname": "Predicted",
                                            "renderas": "Line",
                                            "data": [{"value": "25000"}, {"value": "23000"}, {"value": "20000"}, {"value": "18000"}, {"value": "14500"}]
                                        }, {
                                            "seriesname": "2004 Avg.",
                                            "renderas": "Line",
                                            "data": [{"value": "17000"}, {"value": "15000"}, {"value": "16000"}, {"value": "11500"}, {"value": "10000"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCc04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Stacked Column 2D Line)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedColumn2DLine",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "showvalues": "0",
                                            "caption": "Cost Analysis",
                                            "numberprefix": "$",
                                            "xaxisname": "Quarters",
                                            "yaxisname": "Cost",
                                            "useroundedges": "1"
                                        },
                                        "categories": [{"category": [{"label": "Quarter 1"}, {"label": "Quarter 2"}, {"label": "Quarter 3"}, {"label": "Quarter 4"}]}],
                                        "dataset": [{
                                            "seriesname": "Fixed Cost",
                                            "data": [{"value": "235000"}, {"value": "225100"}, {"value": "222000"}, {"value": "230500"}]
                                        }, {
                                            "seriesname": "Variable Cost",
                                            "data": [{"value": "230000"}, {"value": "143000"}, {"value": "198000"}, {"value": "327600"}]
                                        }, {
                                            "seriesname": "Budgeted cost",
                                            "renderas": "Line",
                                            "data": [{"value": "455000"}, {"value": "334000"}, {"value": "426000"}, {"value": "403000"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCc05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Stacked Column 3D Line)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedColumn3DLine",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "showvalues": "0",
                                            "caption": "Cost Analysis",
                                            "numberprefix": "$",
                                            "xaxisname": "Quarters",
                                            "yaxisname": "Cost",
                                            "useroundedges": "1"
                                        },
                                        "categories": [{"category": [{"label": "Quarter 1"}, {"label": "Quarter 2"}, {"label": "Quarter 3"}, {"label": "Quarter 4"}]}],
                                        "dataset": [{
                                            "seriesname": "Fixed Cost",
                                            "data": [{"value": "235000"}, {"value": "225100"}, {"value": "222000"}, {"value": "230500"}]
                                        }, {
                                            "seriesname": "Variable Cost",
                                            "data": [{"value": "230000"}, {"value": "143000"}, {"value": "198000"}, {"value": "327600"}]
                                        }, {
                                            "seriesname": "Budgeted cost",
                                            "renderas": "Line",
                                            "data": [{"value": "455000"}, {"value": "334000"}, {"value": "426000"}, {"value": "403000"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCc06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSCombiDY 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSCombiDY2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "palette": "2",
                                            "caption": "Sales by Product",
                                            "subcaption": "March 2006",
                                            "showvalues": "0",
                                            "divlinedecimalprecision": "1",
                                            "limitsdecimalprecision": "1",
                                            "pyaxisname": "Amount",
                                            "syaxisname": "Quantity",
                                            "numberprefix": "$",
                                            "formatnumberscale": "0"
                                        },
                                        "categories": [{"category": [{"label": "A"}, {"label": "B"}, {"label": "C"}, {"label": "D"}, {"label": "E"}, {"label": "F"}, {"label": "G"}, {"label": "H"}, {"label": "I"}, {"label": "J"}]}],
                                        "dataset": [{
                                            "seriesname": "Revenue",
                                            "data": [{"value": "5854"}, {"value": "4171"}, {"value": "1375"}, {"value": "1875"}, {"value": "2246"}, {"value": "2696"}, {"value": "1287"}, {"value": "2140"}, {"value": "1603"}, {"value": "1628"}]
                                        }, {
                                            "seriesname": "Profit",
                                            "renderas": "Area",
                                            "parentyaxis": "P",
                                            "data": [{"value": "3242"}, {"value": "3171"}, {"value": "700"}, {"value": "1287"}, {"value": "1856"}, {"value": "1126"}, {"value": "987"}, {"value": "1610"}, {"value": "903"}, {"value": "928"}]
                                        }, {
                                            "linethickness": "3",
                                            "seriesname": "Quantity",
                                            "parentyaxis": "S",
                                            "data": [{"value": "174"}, {"value": "197"}, {"value": "155"}, {"value": "15"}, {"value": "66"}, {"value": "85"}, {"value": "37"}, {"value": "10"}, {"value": "44"}, {"value": "322"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCc07',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSColumn 3D LineDY)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSColumn3DLineDY",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "palette": "1",
                                            "caption": "Sales",
                                            "showlabels": "1",
                                            "showvalues": "0",
                                            "numberprefix": "$",
                                            "syaxisvaluesdecimals": "2",
                                            "connectnulldata": "0",
                                            "pyaxisname": "Revenue",
                                            "syaxisname": "Quantity",
                                            "numdivlines": "4",
                                            "formatnumberscale": "0"
                                        },
                                        "categories": [{"category": [{"label": "March"}, {"label": "April"}, {"label": "May"}, {"label": "June"}, {"label": "July"}]}],
                                        "dataset": [{
                                            "seriesname": "Product A",
                                            "color": "AFD8F8",
                                            "showvalues": "0",
                                            "data": [{"value": "25601.34"}, {"value": "20148.82"}, {"value": "17372.76"}, {"value": "35407.15"}, {"value": "38105.68"}]
                                        }, {
                                            "seriesname": "Product B",
                                            "color": "F6BD0F",
                                            "showvalues": "0",
                                            "data": [{"value": "57401.85"}, {"value": "41941.19"}, {"value": "45263.37"}, {"value": "117320.16"}, {
                                                "value": "114845.27",
                                                "dashed": "1"
                                            }]
                                        }, {
                                            "seriesname": "Total Quantity",
                                            "color": "8BBA00",
                                            "showvalues": "0",
                                            "parentyaxis": "S",
                                            "data": [{"value": "45000"}, {"value": "44835"}, {"value": "42835"}, {"value": "77557"}, {"value": "92633"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCc08',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Stacked Column 3D LineDY)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "StackedColumn3DLineDY",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "palette": "1",
                                            "caption": "Sales",
                                            "showlabels": "1",
                                            "showvalues": "0",
                                            "numberprefix": "$",
                                            "syaxisvaluesdecimals": "2",
                                            "connectnulldata": "0",
                                            "pyaxisname": "Revenue",
                                            "syaxisname": "Quantity",
                                            "numdivlines": "4",
                                            "formatnumberscale": "0",
                                            "syncaxislimits": "1"
                                        },
                                        "categories": [{"category": [{"label": "March"}, {"label": "April"}, {"label": "May"}, {"label": "June"}, {"label": "July"}]}],
                                        "dataset": [{
                                            "seriesname": "Product A",
                                            "color": "AFD8F8",
                                            "showvalues": "0",
                                            "data": [{"value": "25601.34"}, {"value": "20148.82"}, {"value": "17372.76"}, {"value": "35407.15"}, {"value": "38105.68"}]
                                        }, {
                                            "seriesname": "Product B",
                                            "color": "F6BD0F",
                                            "showvalues": "0",
                                            "data": [{"value": "57401.85"}, {"value": "41941.19"}, {"value": "45263.37"}, {"value": "117320.16"}, {
                                                "value": "114845.27",
                                                "dashed": "1"
                                            }]
                                        }, {
                                            "seriesname": "Total Quantity",
                                            "color": "8BBA00",
                                            "showvalues": "0",
                                            "parentyaxis": "S",
                                            "data": [{"value": "45000"}, {"value": "44835"}, {"value": "42835"}, {"value": "77557"}, {"value": "92633"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCc09',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.MSStacked Column 2D LineDY)',
                                image: CONF.img_widgets,
                                imagePos: '-400px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "MSStackedColumn2DLineDY",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Annual Revenue",
                                            "subcaption": "In Million $",
                                            "xaxisname": "Year",
                                            "pyaxisname": "Sales in M$",
                                            "syaxisname": "Cost as % of Revenue",
                                            "decimals": "0",
                                            "numberprefix": "$",
                                            "numbersuffix": "M",
                                            "snumbersuffix": "%",
                                            "setadaptivesymin": "1",
                                            "showplotborder": "1",
                                            "palette": "2"
                                        },
                                        "categories": [{
                                            "font": "Arial",
                                            "fontsize": "12",
                                            "fontcolor": "000000",
                                            "category": [{"label": "2001"}, {"label": "2002"}, {"label": "2003"}, {"label": "2004"}, {"label": "2005"}]
                                        }],
                                        "dataset": [{
                                            "dataset": [{
                                                "seriesname": "Product A",
                                                "color": "AFD8F8",
                                                "showvalues": "0",
                                                "data": [{"value": "30"}, {"value": "26"}, {"value": "29"}, {"value": "31"}, {"value": "34"}]
                                            }, {
                                                "seriesname": "Product B",
                                                "color": "F6BD0F",
                                                "showvalues": "0",
                                                "data": [{"value": "21"}, {"value": "28"}, {"value": "39"}, {"value": "41"}, {"value": "24"}]
                                            }]
                                        }, {
                                            "dataset": [{
                                                "seriesname": "Service A",
                                                "color": "8BBA00",
                                                "showvalues": "0",
                                                "data": [{"value": "27"}, {"value": "25"}, {"value": "28"}, {"value": "26"}, {"value": "10"}]
                                            }, {
                                                "seriesname": "Service B",
                                                "color": "A66EDD",
                                                "showvalues": "0",
                                                "data": [{"value": "17"}, {"value": "15"}, {"value": "18"}, {"value": "16"}, {"value": "10"}]
                                            }, {
                                                "seriesname": "Service C",
                                                "color": "F984A1",
                                                "showvalues": "0",
                                                "data": [{"value": "12"}, {"value": "17"}, {"value": "16"}, {"value": "15"}, {"value": "12"}]
                                            }]
                                        }],
                                        "lineset": [{
                                            "seriesname": "Cost as % of Revenue",
                                            "showvalues": "0",
                                            "linethickness": "4",
                                            "data": [{"value": "57"}, {"value": "68"}, {"value": "79"}, {"value": "73"}, {"value": "80"}]
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.5',
                    key: 'xui.FusionChartsXT.5',
                    caption: '$RAD.widgets.group.XYPlot',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCx01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$RAD.widgets.fc.Scatter',
                                image: CONF.img_widgets,
                                imagePos: '-544px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Scatter",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Income Expenditure Analysis",
                                            "subcaption": "(sample survey done among buyers of LCD TV)",
                                            "xaxisname": "Salary",
                                            "yaxisname": "Amount spent on LCD TV",
                                            "showregressionline": "1",
                                            "xaxislabelmode": "auto"
                                        },
                                        "dataset": [{
                                            "color": "000000",
                                            "data": [{"x": "9200", "y": "1600"}, {
                                                "x": "9900",
                                                "y": "1800"
                                            }, {"x": "9500", "y": "1510"}, {"x": "9700", "y": "1400"}, {
                                                "x": "8100",
                                                "y": "1500"
                                            }, {"x": "8600", "y": "1300"}, {"x": "8300", "y": "1220"}, {
                                                "x": "7800",
                                                "y": "1300"
                                            }, {"x": "7800", "y": "1220"}, {"x": "7000", "y": "1210"}, {
                                                "x": "6000",
                                                "y": "1140"
                                            }, {"x": "6000", "y": "1000"}, {"x": "6200", "y": "950"}, {
                                                "x": "5300",
                                                "y": "940"
                                            }, {"x": "4700", "y": "1000"}, {"x": "4800", "y": "947"}, {
                                                "x": "4500",
                                                "y": "850"
                                            }, {"x": "4000", "y": "870"}, {"x": "3700", "y": "800"}, {
                                                "x": "3100",
                                                "y": "800"
                                            }, {"x": "4500", "y": "600"}, {"x": "4000", "y": "660"}, {
                                                "x": "3600",
                                                "y": "500"
                                            }, {"x": "3400", "y": "450"}, {"x": "3100", "y": "650"}, {
                                                "x": "3100",
                                                "y": "600"
                                            }, {"x": "3100", "y": "540"}, {"x": "2800", "y": "460"}, {
                                                "x": "2400",
                                                "y": "650"
                                            }, {"x": "2300", "y": "540"}, {"x": "3000", "y": "340"}, {
                                                "x": "2000",
                                                "y": "280"
                                            }, {"x": "2200", "y": "340"}, {"x": "2000", "y": "180"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCx02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$RAD.widgets.fc.Bubble',
                                image: CONF.img_widgets,
                                imagePos: '-560px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Bubble",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "numberprefix": "$",
                                            "is3d": "1",
                                            "animation": "1",
                                            "clipbubbles": "1",
                                            "xaxismaxvalue": "100",
                                            "showplotborder": "0",
                                            "xaxisname": "x-axis",
                                            "yaxisname": "y-axis",
                                            "chartrightmargin": "30",
                                            "drawquadrant": "1",
                                            "quadrantlabeltl": "Top Left Quadrant",
                                            "quadrantlabeltr": "Top Right Quadrant",
                                            "quadrantlabelbr": "Bottom Right Quadrant",
                                            "quadrantlabelbl": "Bottom Left Quadrant",
                                            "quadrantlinethickness": "1",
                                            "quadrantlinecolor": "000080",
                                            "canvasbgalpha": "100",
                                            "bgcolor": "C7C7C7",
                                            "quadrantxval": "58",
                                            "quadrantyval": "2.3"
                                        },
                                        "categories": [{
                                            "category": [{"label": "0%", "x": "0"}, {
                                                "label": "20%",
                                                "x": "20",
                                                "showverticalline": "1"
                                            }, {"label": "40%", "x": "40", "showverticalline": "1"}, {
                                                "label": "60%",
                                                "x": "60",
                                                "showverticalline": "1"
                                            }, {"label": "80%", "x": "80", "showverticalline": "1"}, {
                                                "label": "100%",
                                                "x": "100",
                                                "showverticalline": "1"
                                            }]
                                        }],
                                        "dataset": [{
                                            "showvalues": "0",
                                            "data": [{
                                                "x": "30",
                                                "y": "1.3",
                                                "z": "116",
                                                "name": "Traders",
                                                "color": "000080"
                                            }, {
                                                "x": "32",
                                                "y": "3.5",
                                                "z": "99",
                                                "name": "Farmers",
                                                "color": "ff0000"
                                            }, {
                                                "x": "10",
                                                "y": "3.0",
                                                "z": "49",
                                                "name": "Farmers",
                                                "color": "595959"
                                            }, {
                                                "x": "8",
                                                "y": "1.9",
                                                "z": "33",
                                                "name": "Individuals",
                                                "color": "55FFFF"
                                            }, {
                                                "x": "65",
                                                "y": "1.4",
                                                "z": "48",
                                                "name": "Corporate Group C",
                                                "color": "00BF55"
                                            }, {
                                                "x": "90",
                                                "y": "1.0",
                                                "z": "68",
                                                "name": "Corporate Group C",
                                                "color": "FFBF00"
                                            }, {
                                                "x": "68",
                                                "y": "3.7",
                                                "z": "70",
                                                "name": "HNW Individuals",
                                                "color": "FFFF00"
                                            }, {
                                                "x": "88",
                                                "y": "3.0",
                                                "z": "30",
                                                "name": "HNW Individuals",
                                                "color": "FF9FFF"
                                            }]
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.6',
                    key: 'xui.FusionChartsXT.6',
                    caption: '$RAD.widgets.group.Scroll',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCsl01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.ScrollColumn 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-576px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ScrollColumn2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Business Results 2005 v 2006",
                                            "xaxisname": "Month",
                                            "yaxisname": "Revenue",
                                            "showvalues": "0",
                                            "numberprefix": "$",
                                            "useroundedges": "1",
                                            "legendborderalpha": "100",
                                            "showborder": "0",
                                            "bgcolor": "FFFFFF,FFFFFF"
                                        },
                                        "categories": [{"category": [{"label": "Jan"}, {"label": "Feb"}, {"label": "Mar"}, {"label": "Apr"}, {"label": "May"}, {"label": "Jun"}, {"label": "Jul"}, {"label": "Aug"}, {"label": "Sep"}, {"label": "Oct"}, {"label": "Nov"}, {"label": "Dec"}]}],
                                        "dataset": [{
                                            "seriesname": "2006",
                                            "data": [{"value": "27400"}, {"value": "29800"}, {"value": "25800"}, {"value": "26800"}, {"value": "29600"}, {"value": "32600"}, {"value": "31800"}, {"value": "36700"}, {"value": "29700"}, {"value": "31900"}, {"value": "34800"}, {"value": "24800"}]
                                        }, {
                                            "seriesname": "2005",
                                            "data": [{"value": "10000"}, {"value": "11500"}, {"value": "12500"}, {"value": "15000"}, {"value": "11000"}, {"value": "9800"}, {"value": "11800"}, {"value": "19700"}, {"value": "21700"}, {"value": "21900"}, {"value": "22900"}, {"value": "20800"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCsl02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.ScrollLine 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-592px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ScrollLine2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Site hits per hour",
                                            "subcaption": "In Thousands",
                                            "numdivlines": "9",
                                            "linethickness": "2",
                                            "showvalues": "0",
                                            "anchorradius": "3",
                                            "anchorbgalpha": "50",
                                            "numvdivlines": "24",
                                            "showalternatevgridcolor": "1",
                                            "alternatevgridalpha": "3",
                                            "animation": "0"
                                        },
                                        "categories": [{"category": [{"label": "00:00"}, {"label": "01:00"}, {"label": "02:00"}, {"label": "03:00"}, {"label": "04:00"}, {"label": "05:00"}, {"label": "06:00"}, {"label": "07:00"}, {"label": "08:00"}, {"label": "09:00"}, {"label": "10:00"}, {"label": "11:00"}, {"label": "12:00"}, {"label": "13:00"}, {"label": "14:00"}, {"label": "15:00"}, {"label": "16:00"}, {"label": "17:00"}, {"label": "18:00"}, {"label": "19:00"}, {"label": "20:00"}, {"label": "21:00"}, {"label": "22:00"}, {"label": "23:00"}]}],
                                        "dataset": [{
                                            "seriesname": "Tue",
                                            "color": "800080",
                                            "anchorbordercolor": "800080",
                                            "data": [{"value": "54"}, {"value": "165"}, {"value": "175"}, {"value": "190"}, {"value": "212"}, {"value": "241"}, {"value": "308"}, {"value": "401"}, {"value": "481"}, {"value": "851"}, {"value": "1250"}, {"value": "2415"}, {"value": "2886"}, {"value": "3252"}, {"value": "3673"}, {"value": "4026"}, {"value": "4470"}, {"value": "4813"}, {"value": "4961"}, {"value": "5086"}, {"value": "5284"}, {"value": "5391"}, {"value": "5657"}, {"value": "5847"}]
                                        }, {
                                            "seriesname": "Wed",
                                            "color": "FF8040",
                                            "anchorbordercolor": "FF8040",
                                            "data": [{"value": "111"}, {"value": "120"}, {"value": "128"}, {"value": "140"}, {"value": "146"}, {"value": "157"}, {"value": "190"}, {"value": "250"}, {"value": "399"}, {"value": "691"}, {"value": "952"}, {"value": "1448"}, {"value": "1771"}, {"value": "2316"}, {"value": "2763"}, {"value": "3149"}, {"value": "3637"}, {"value": "4015"}, {"value": "4262"}, {"value": "4541"}, {"value": "4837"}, {"value": "5016"}, {"value": "5133"}, {"value": "5278"}]
                                        }, {
                                            "seriesname": "Thu",
                                            "color": "FFFF00",
                                            "anchorbordercolor": "FFFF00",
                                            "data": [{"value": "115"}, {"value": "141"}, {"value": "175"}, {"value": "189"}, {"value": "208"}, {"value": "229"}, {"value": "252"}, {"value": "440"}, {"value": "608"}, {"value": "889"}, {"value": "1334"}, {"value": "1637"}, {"value": "2056"}, {"value": "2600"}, {"value": "3070"}, {"value": "3451"}, {"value": "3918"}, {"value": "4140"}, {"value": "4296"}, {"value": "4519"}, {"value": "4716"}, {"value": "4881"}, {"value": "5092"}, {"value": "5249"}]
                                        }, {
                                            "seriesname": "Fri",
                                            "color": "FF0080",
                                            "anchorbordercolor": "FF0080",
                                            "data": [{"value": "98"}, {"value": "1112"}, {"value": "1192"}, {"value": "1219"}, {"value": "1264"}, {"value": "1282"}, {"value": "1365"}, {"value": "1433"}, {"value": "1559"}, {"value": "1823"}, {"value": "1867"}, {"value": "2198"}, {"value": "1112"}, {"value": "1192"}, {"value": "1219"}, {"value": "2264"}, {"value": "2282"}, {"value": "2365"}, {"value": "2433"}, {"value": "2559"}, {"value": "2823"}, {"value": "2867"}, {"value": "2867"}, {"value": "2867"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCsl03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.ScrollArea 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-608px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ScrollArea2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Site hits per hour",
                                            "subcaption": "In Thousands",
                                            "numdivlines": "9",
                                            "showvalues": "0",
                                            "numvdivlines": "24",
                                            "showalternatevgridcolor": "1",
                                            "numvisibleplot": "12",
                                            "plotgradientcolor": "",
                                            "plotfillalpha": "30",
                                            "palette": "4",
                                            "scrollbtnpadding": "2",
                                            "scrollheight": "26",
                                            "scrollbtnwidth": "40",
                                            "canvaspadding": "25"
                                        },
                                        "categories": [{"category": [{"label": "00:00"}, {"label": "01:00"}, {"label": "02:00"}, {"label": "03:00"}, {"label": "04:00"}, {"label": "05:00"}, {"label": "06:00"}, {"label": "07:00"}, {"label": "08:00"}, {"label": "09:00"}, {"label": "10:00"}, {"label": "11:00"}, {"label": "12:00"}, {"label": "13:00"}, {"label": "14:00"}, {"label": "15:00"}, {"label": "16:00"}, {"label": "17:00"}, {"label": "18:00"}, {"label": "19:00"}, {"label": "20:00"}, {"label": "21:00"}, {"label": "22:00"}, {"label": "23:00"}]}],
                                        "dataset": [{
                                            "seriesname": "Mon",
                                            "color": "808080",
                                            "anchorbordercolor": "808080",
                                            "data": [{"value": "37"}, {"value": "45"}, {"value": "70"}, {"value": "79"}, {"value": "168"}, {"value": "337"}, {"value": "374"}, {"value": "431"}, {"value": "543"}, {"value": "784"}, {"value": "1117"}, {"value": "1415"}, {"value": "2077"}, {"value": "2510"}, {"value": "3025"}, {"value": "3383"}, {"value": "3711"}, {"value": "4016"}, {"value": "4355"}, {"value": "4751"}, {"value": "5154"}, {"value": "5475"}, {"value": "5696"}, {"value": "5801"}]
                                        }, {
                                            "seriesname": "Tue",
                                            "color": "800080",
                                            "anchorbordercolor": "800080",
                                            "data": [{"value": "54"}, {"value": "165"}, {"value": "175"}, {"value": "190"}, {"value": "212"}, {"value": "241"}, {"value": "308"}, {"value": "401"}, {"value": "481"}, {"value": "851"}, {"value": "1250"}, {"value": "2415"}, {"value": "2886"}, {"value": "3252"}, {"value": "3673"}, {"value": "4026"}, {"value": "4470"}, {"value": "4813"}, {"value": "4961"}, {"value": "5086"}, {"value": "5284"}, {"value": "5391"}, {"value": "5657"}, {"value": "5847"}]
                                        }, {
                                            "seriesname": "Wed",
                                            "color": "FF8040",
                                            "anchorbordercolor": "FF8040",
                                            "data": [{"value": "111"}, {"value": "120"}, {"value": "128"}, {"value": "140"}, {"value": "146"}, {"value": "157"}, {"value": "190"}, {"value": "250"}, {"value": "399"}, {"value": "691"}, {"value": "952"}, {"value": "1448"}, {"value": "1771"}, {"value": "2316"}, {"value": "2763"}, {"value": "3149"}, {"value": "3637"}, {"value": "4015"}, {"value": "4262"}, {"value": "4541"}, {"value": "4837"}, {"value": "5016"}, {"value": "5133"}, {"value": "5278"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCsl04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.ScrollStackedColumn 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-624px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ScrollStackedColumn2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "palette": "3",
                                            "caption": "Daily Sales",
                                            "numberprefix": "$",
                                            "xaxisname": "Day",
                                            "useroundedges": "1",
                                            "showvalues": "0",
                                            "legendborderalpha": "0"
                                        },
                                        "categories": [{"category": [{"label": "1"}, {"label": "2"}, {"label": "3"}, {"label": "4"}, {"label": "5"}, {"label": "6"}, {"label": "7"}, {"label": "8"}, {"label": "9"}, {"label": "10"}, {"label": "11"}, {"label": "12"}, {"label": "13"}, {"label": "14"}, {"label": "15"}, {"label": "16"}, {"label": "17"}, {"label": "18"}, {"label": "19"}, {"label": "20"}, {"label": "21"}, {"label": "22"}, {"label": "23"}, {"label": "24"}, {"label": "25"}, {"label": "26"}, {"label": "27"}, {"label": "28"}, {"label": "29"}, {"label": "30"}, {"label": "31"}]}],
                                        "dataset": [{
                                            "seriesname": "Product A",
                                            "data": [{"value": "57000"}, {"value": "58995"}, {"value": "61119"}, {"value": "63502"}, {"value": "57000"}, {"value": "58995"}, {"value": "61119"}, {"value": "63502"}, {"value": "65662"}, {"value": "68157"}, {"value": "69997"}, {"value": "72797"}, {"value": "75272"}, {"value": "77455"}, {"value": "79546"}, {"value": "80739"}, {"value": "82273"}, {"value": "84001"}, {"value": "85849"}, {"value": "85868"}, {"value": "87843"}, {"value": "90039"}, {"value": "61452"}, {"value": "64463"}, {"value": "65945"}, {"value": "68056"}, {"value": "70914"}, {"value": "73467"}, {"value": "76332"}, {"value": "78927"}, {"value": "81927"}]
                                        }, {
                                            "seriesname": "Product B",
                                            "data": [{"value": "15500"}, {"value": "16361"}, {"value": "17212"}, {"value": "18443"}, {"value": "15500"}, {"value": "16361"}, {"value": "17212"}, {"value": "18443"}, {"value": "19270"}, {"value": "20782"}, {"value": "21128"}, {"value": "22606"}, {"value": "23915"}, {"value": "24982"}, {"value": "26436"}, {"value": "26810"}, {"value": "27421"}, {"value": "28162"}, {"value": "30000"}, {"value": "28965"}, {"value": "29767"}, {"value": "29559"}, {"value": "26150"}, {"value": "28349"}, {"value": "28676"}, {"value": "29221"}, {"value": "30681"}, {"value": "31665"}, {"value": "33109"}, {"value": "34062"}, {"value": "35849"}]
                                        }, {
                                            "seriesname": "Product C",
                                            "data": [{"value": "38000"}, {"value": "39330"}, {"value": "40746"}, {"value": "42335"}, {"value": "38000"}, {"value": "39330"}, {"value": "40746"}, {"value": "42335"}, {"value": "43774"}, {"value": "45438"}, {"value": "46665"}, {"value": "48531"}, {"value": "50181"}, {"value": "51637"}, {"value": "53031"}, {"value": "53826"}, {"value": "54849"}, {"value": "56001"}, {"value": "57233"}, {"value": "57245"}, {"value": "58562"}, {"value": "60026"}, {"value": "40968"}, {"value": "42975"}, {"value": "43964"}, {}, {}, {}, {}, {}, {}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCsl05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.ScrollCombi 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-640px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ScrollCombi2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Hits per hour",
                                            "linethickness": "2",
                                            "showvalues": "0",
                                            "areaovercolumns": "0",
                                            "formatnumberscale": "0",
                                            "useroundedges": "1",
                                            "palette": "2",
                                            "legendborderalpha": "0"
                                        },
                                        "categories": [{"category": [{"label": "00:00"}, {"label": "01:00"}, {"label": "02:00"}, {"label": "03:00"}, {"label": "04:00"}, {"label": "05:00"}, {"label": "06:00"}, {"label": "07:00"}, {"label": "08:00"}, {"label": "09:00"}, {"label": "10:00"}, {"label": "11:00"}, {"label": "12:00"}, {"label": "13:00"}, {"label": "14:00"}, {"label": "15:00"}, {"label": "16:00"}, {"label": "17:00"}, {"label": "18:00"}, {"label": "19:00"}, {"label": "20:00"}, {"label": "21:00"}, {"label": "22:00"}, {"label": "23:00"}]}],
                                        "dataset": [{
                                            "seriesname": "Expected",
                                            "renderas": "Area",
                                            "alpha": "60",
                                            "showplotborder": "1",
                                            "plotbordercolor": "0372ab",
                                            "data": [{"value": "498"}, {"value": "512"}, {"value": "592"}, {"value": "619"}, {"value": "664"}, {"value": "782"}, {"value": "665"}, {"value": "833"}, {"value": "1259"}, {"value": "1623"}, {"value": "1867"}, {"value": "2198"}, {"value": "1112"}, {"value": "1192"}, {"value": "1219"}, {"value": "2264"}, {"value": "2282"}, {"value": "2365"}, {"value": "2433"}, {"value": "2559"}, {"value": "2823"}, {"value": "2867"}, {"value": "2867"}, {"value": "2867"}]
                                        }, {
                                            "seriesname": "Actuals - Monday",
                                            "data": [{"value": "336"}, {"value": "371"}, {"value": "485"}, {"value": "592"}, {"value": "601"}, {"value": "716"}, {"value": "864"}, {"value": "880"}, {"value": "992"}, {"value": "1062"}, {"value": "1119"}, {"value": "1089"}, {"value": "1212"}, {"value": "904"}, {"value": "1215"}, {"value": "1358"}, {"value": "1482"}, {"value": "1666"}, {"value": "1811"}, {"value": "2051"}, {"value": "2138"}, {"value": "2209"}, {"value": "2247"}, {"value": "2301"}]
                                        }, {
                                            "seriesname": "Actuals - Tuesday",
                                            "data": [{"value": "854"}, {"value": "965"}, {"value": "1175"}, {"value": "1190"}, {"value": "1212"}, {"value": "1241"}, {"value": "1308"}, {"value": "1401"}, {"value": "1481"}, {"value": "1851"}, {"value": "1250"}, {"value": "2415"}, {"value": "2886"}, {"value": "3252"}, {"value": "3673"}, {"value": "4026"}, {"value": "4470"}, {"value": "4813"}, {"value": "4961"}, {"value": "5086"}, {"value": "5284"}, {"value": "5391"}, {"value": "5657"}, {"value": "5847"}]
                                        }, {
                                            "seriesname": "Average",
                                            "renderas": "Line",
                                            "color": "0372AB",
                                            "linethickness": "2",
                                            "data": [{"value": "511"}, {"value": "520"}, {"value": "628"}, {"value": "640"}, {"value": "746"}, {"value": "757"}, {"value": "890"}, {"value": "1050"}, {"value": "1099"}, {"value": "1191"}, {"value": "1252"}, {"value": "1448"}, {"value": "1771"}, {"value": "2316"}, {"value": "2763"}, {"value": "3149"}, {"value": "3637"}, {"value": "4015"}, {"value": "4262"}, {"value": "4541"}, {"value": "4837"}, {"value": "5016"}, {"value": "5133"}, {"value": "5278"}]
                                        }],
                                        "trendlines": [{
                                            "line": [{
                                                "startvalue": "4500",
                                                "color": "359A35",
                                                "displayvalue": "Good",
                                                "valueonright": "1"
                                            }]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCsl06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.ScrollCombiDY 2D)',
                                image: CONF.img_widgets,
                                imagePos: '-656px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "ScrollCombiDY2D",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "palette": "2",
                                            "caption": "Sales by Product",
                                            "subcaption": "March 2006",
                                            "showvalues": "0",
                                            "divlinedecimalprecision": "1",
                                            "limitsdecimalprecision": "1",
                                            "pyaxisname": "Amount",
                                            "syaxisname": "Quantity",
                                            "numberprefix": "$",
                                            "formatnumberscale": "0",
                                            "numvisibleplot": "5"
                                        },
                                        "categories": [{"category": [{"label": "A"}, {"label": "B"}, {"label": "C"}, {"label": "D"}, {"label": "E"}, {"label": "F"}, {"label": "G"}, {"label": "H"}, {"label": "I"}, {"label": "J"}]}],
                                        "dataset": [{
                                            "seriesname": "Revenue",
                                            "data": [{"value": "5854"}, {"value": "4171"}, {"value": "1375"}, {"value": "1875"}, {"value": "2246"}, {"value": "2696"}, {"value": "1287"}, {"value": "2140"}, {"value": "1603"}, {"value": "1628"}]
                                        }, {
                                            "seriesname": "Profit",
                                            "renderas": "Area",
                                            "parentyaxis": "P",
                                            "data": [{"value": "3242"}, {"value": "3171"}, {"value": "700"}, {"value": "1287"}, {"value": "1856"}, {"value": "1126"}, {"value": "987"}, {"value": "1610"}, {"value": "903"}, {"value": "928"}]
                                        }, {
                                            "linethickness": "3",
                                            "seriesname": "Quantity",
                                            "parentyaxis": "S",
                                            "data": [{"value": "174"}, {"value": "197"}, {"value": "155"}, {"value": "15"}, {"value": "66"}, {"value": "85"}, {"value": "37"}, {"value": "10"}, {"value": "44"}, {"value": "322"}]
                                        }]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.7',
                    key: 'xui.FusionChartsXT.7',
                    caption: '$RAD.widgets.group.Funnel',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCfu01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Funnel) 2D',
                                image: CONF.img_widgets,
                                imagePos: '0 -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Funnel",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Sales distribution by Employee",
                                            "subcaption": "Jan 07 - Jul 07",
                                            "numberprefix": "$",
                                            "is2d": "1",
                                            "issliced": "1",
                                            "showplotborder": "1",
                                            "plotborderthickness": "1",
                                            "plotbordercolor": "000000",
                                            "streamlineddata": "0",
                                            "showBorder": "0"
                                        },
                                        "data": [{"label": "Buchanan", "value": "50000"}, {
                                            "label": "Callahan",
                                            "value": "49000"
                                        }, {"label": "Davolio", "value": "63000"}, {
                                            "label": "Dodsworth",
                                            "value": "41000"
                                        }, {"label": "Fuller", "value": "74000"}, {
                                            "label": "King",
                                            "value": "49000"
                                        }, {"label": "Leverling", "value": "77000"}]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCfu02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Funnel) 3D',
                                image: CONF.img_widgets,
                                imagePos: '0 -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Funnel",
                                    JSONData: {
                                        "chart": {
                                            "bgcolor": "FFFFFF",
                                            "caption": "Conversion Funnel - 2013",
                                            "decimals": "1",
                                            "basefontsize": "11",
                                            "issliced": "0",
                                            "ishollow": "1",
                                            "labeldistance": "8",
                                            "showBorder": "0"
                                        },
                                        "data": [{"label": "Website Visits", "value": "385634"}, {
                                            "label": "Downloads",
                                            "value": "145631",
                                            "color": "008ee4"
                                        }, {
                                            "label": "Interested to buy",
                                            "value": "84564",
                                            "color": "f8bd19"
                                        }, {
                                            "label": "Contract finalized",
                                            "value": "50654",
                                            "color": "6baa01"
                                        }, {"label": "Purchased", "value": "25342", "color": "e44a00"}]
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.7.1',
                    key: 'xui.FusionChartsXT.7.1',
                    caption: '$RAD.widgets.group.Pyramid',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FCpyd01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pyramid) 1',
                                image: CONF.img_widgets,
                                imagePos: '-16px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pyramid",
                                    JSONData: {
                                        "chart": {
                                            "bgcolor": "FFFFFF",
                                            "caption": "Revenue distribution for 2013",
                                            "basefontcolor": "333333",
                                            "decimals": "0",
                                            "numbersuffix": "M",
                                            "numberprefix": "$",
                                            "pyramidyscale": "40",
                                            "chartbottommargin": "0",
                                            "captionpadding": "0",
                                            "showBorder": "0"
                                        },
                                        "data": [{"value": "17", "name": "Products", "color": "008ee4"}, {
                                            "value": "21",
                                            "name": "Services",
                                            "color": "6baa01"
                                        }, {"value": "20", "name": "Consultancy", "color": "f8bd19"}, {
                                            "value": "5",
                                            "name": "Others",
                                            "color": "e44a00"
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCpyd02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pyramid) 2',
                                image: CONF.img_widgets,
                                imagePos: '-16px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pyramid",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "bgcolor": "CCCCCC,FFFFFF",
                                            "caption": "Population Distribution",
                                            "basefontcolor": "333333",
                                            "decimals": "0",
                                            "numbersuffix": "%",
                                            "pyramidyscale": "40",
                                            "chartbottommargin": "0",
                                            "captionpadding": "0",
                                            "showBorder": "0"
                                        },
                                        "data": [{
                                            "value": "17",
                                            "name": " East Asia & Pacific",
                                            "color": "FFCC33"
                                        }, {
                                            "value": "21",
                                            "name": " Europe & Central Asia",
                                            "color": "339900"
                                        }, {
                                            "value": "20",
                                            "name": " Latin America & Carib.",
                                            "color": "0066CC",
                                            "issliced": "1"
                                        }, {
                                            "value": "14",
                                            "name": " Middle East & North Africa",
                                            "color": "D95000"
                                        }, {"value": "16", "name": " South Asia", "color": "9B72CF"}, {
                                            "value": "12",
                                            "name": " Sub-Saharan Africa",
                                            "color": "A10303"
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCpyd03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pyramid) 3',
                                image: CONF.img_widgets,
                                imagePos: '-16px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pyramid",
                                    JSONData: {
                                        "chart": {
                                            "bgcolor": "FFFFFF",
                                            "bgalpha": "100",
                                            "caption": "Sales distribution by Employee",
                                            "subcaption": "Jan 07 - Jul 07",
                                            "numberprefix": "$",
                                            "is2d": "1",
                                            "issliced": "1",
                                            "showplotborder": "1",
                                            "plotborderthickness": "1",
                                            "plotborderalpha": "100",
                                            "plotbordercolor": "FFFFFF",
                                            "enablesmartlabels": "1",
                                            "showBorder": "0"
                                        },
                                        "data": [{"label": "Buchanan", "value": "50000"}, {
                                            "label": "Callahan",
                                            "value": "49000"
                                        }, {"label": "Davolio", "value": "63000"}, {
                                            "label": "Dodsworth",
                                            "value": "41000"
                                        }, {"label": "Fuller", "value": "74000"}, {
                                            "label": "King",
                                            "value": "49000"
                                        }, {"label": "Leverling", "value": "77000"}, {
                                            "label": "Peacock",
                                            "value": "54000"
                                        }, {"label": "Suyama", "value": "14000"}]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FCpyd04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Pyramid) 4',
                                image: CONF.img_widgets,
                                imagePos: '-16px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Pyramid",
                                    JSONData: {
                                        "chart": {
                                            "manageresize": "1",
                                            "origw": "500",
                                            "origh": "350",
                                            "bgcolor": "FFFFFF",
                                            "showborder": "0",
                                            "showvalues": "0",
                                            "showlabels": "0",
                                            "issliced": "1",
                                            "chartleftmargin": "10",
                                            "chartrightmargin": "190",
                                            "showtooltip": "1",
                                            "annrenderdelay": "1.5"
                                        },
                                        "data": [{
                                            "value": "10",
                                            "label": "",
                                            "color": "AFD8F8",
                                            "tooltext": "Stocks(speculative){BR}Options(uncovered){BR}Margin Accounts{BR}Limited Partnerships"
                                        }, {
                                            "value": "16",
                                            "label": "",
                                            "color": "8BBA00",
                                            "tooltext": "Corporate Bond Mutual Fund{BR}Stock Market Funds{BR}Blue Cip Stocks{BR}Investment Grade Bonds"
                                        }, {
                                            "value": "18",
                                            "label": "",
                                            "color": "A66EDD",
                                            "tooltext": "Money Market, Government and{BR}Municipal Bond Mutual Funds{BR}Government Securities{BR}Unit Investment Trusts"
                                        }, {
                                            "value": "22",
                                            "label": "",
                                            "color": "F984A1",
                                            "tooltext": "Certificates of deposits{BR}(CDs) (FDIC insured){BR}Bank Money Market{BR}Money Market Mutual Funds"
                                        }],
                                        "annotations": {
                                            "groups": [{
                                                "showbelow": "1",
                                                "constrainedscale": "0",
                                                "items": [{
                                                    "type": "rectangle",
                                                    "x": "$chartStartX+2",
                                                    "y": "$chartStartY+2",
                                                    "tox": "$chartEndX-2",
                                                    "toy": "$chartEndY-2",
                                                    "fillalpha": "0",
                                                    "radius": "15",
                                                    "showborder": "0",
                                                    "borderthickness": "2",
                                                    "color": "333333",
                                                    "borderalpha": "100"
                                                }]
                                            }, {
                                                "showbelow": "0",
                                                "x": "$canvasCenterX",
                                                "constrainedscale": "0",
                                                "items": [{
                                                    "type": "circle",
                                                    "y": "50",
                                                    "radius": "5",
                                                    "borderthickness": "1",
                                                    "color": "333333"
                                                }, {
                                                    "type": "line",
                                                    "y": "50",
                                                    "tox": "55",
                                                    "borderthickness": "1",
                                                    "color": "333333"
                                                }, {
                                                    "type": "line",
                                                    "x": "55",
                                                    "y": "25",
                                                    "toy": "75",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "circle",
                                                    "y": "110",
                                                    "radius": "5",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "line",
                                                    "y": "110",
                                                    "tox": "85",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "line",
                                                    "x": "85",
                                                    "y": "85",
                                                    "toy": "135",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "circle",
                                                    "y": "180",
                                                    "radius": "5",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "line",
                                                    "y": "180",
                                                    "tox": "105",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "line",
                                                    "x": "105",
                                                    "y": "155",
                                                    "toy": "205",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "circle",
                                                    "y": "280",
                                                    "radius": "5",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "line",
                                                    "y": "280",
                                                    "tox": "155",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "line",
                                                    "x": "155",
                                                    "y": "255",
                                                    "toy": "305",
                                                    "color": "333333",
                                                    "borderthickness": "1"
                                                }, {
                                                    "type": "text",
                                                    "x": "60",
                                                    "y": "50",
                                                    "bold": "1",
                                                    "ishtml": "1",
                                                    "label": "Stocks(speculative){BR}Options(uncovered){BR}Margin Accounts{BR}Limited Partnerships",
                                                    "align": "left",
                                                    "color": "333333"
                                                }, {
                                                    "type": "text",
                                                    "x": "90",
                                                    "y": "110",
                                                    "bold": "1",
                                                    "label": "Corporate Bond Mutual Fund{BR}Stock Market Funds{BR}Blue Cip Stocks{BR}Investment Grade Bonds",
                                                    "align": "left",
                                                    "color": "333333"
                                                }, {
                                                    "type": "text",
                                                    "x": "110",
                                                    "y": "180",
                                                    "bold": "1",
                                                    "label": "Money Market, Government and{BR}Municipal Bond Mutual Funds{BR}Government Securities{BR}Unit Investment Trusts",
                                                    "align": "left",
                                                    "color": "333333"
                                                }, {
                                                    "type": "text",
                                                    "x": "160",
                                                    "y": "280",
                                                    "bold": "1",
                                                    "label": "Certificates of deposits{BR}(CDs) (FDIC insured){BR}Bank Money Market{BR}Money Market Mutual Funds",
                                                    "align": "left",
                                                    "color": "333333"
                                                }]
                                            }]
                                        },
                                        "styles": {
                                            "definition": [{"name": "TTipFont", "type": "font", "ishtml": "1"}],
                                            "application": [{"toobject": "TOOLTIP", "styles": "TTipFont"}]
                                        }
                                    }
                                }
                            }
                        ]
                },
                {
                    id: 'xui.FusionChartsXT.7.2',
                    key: 'xui.FusionChartsXT.7.2',
                    caption: '$RAD.widgets.group.Radar',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_rad01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Radar) 1',
                                image: CONF.img_widgets,
                                imagePos: '-32px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Radar",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Comparison of Enterprise Level Antivirus Software",
                                            "canvasborderalpha": "0",
                                            "radarborderalpha": "50",
                                            "radarborderthickness": "1",
                                            "radarfillcolor": "FFFFFF",
                                            "showlabels": "1",
                                            "drawanchors": "0",
                                            "ymaxvalue": "10",
                                            "showlimits": "0",
                                            "bgcolor": "FFFFFF",
                                            "legendborderalpha": "0",
                                            "showborder": "0"
                                        },
                                        "categories": [{"category": [{"label": "Centralized Deployability"}, {"label": "Centralized Signature Updating"}, {"label": "Active Firewall"}, {"label": "Centralized Access & Firewall"}, {"label": "Centralized Network Health Monitoring"}, {"label": "Cost"}, {"label": "Technical Support"}]}],
                                        "dataset": [{
                                            "seriesname": "Kaspersky",
                                            "color": "008ee4",
                                            "alpha": "40",
                                            "data": [{"value": "8"}, {"value": "9"}, {"value": "9"}, {"value": "8"}, {"value": "7"}, {"value": "9"}, {"value": "8"}]
                                        }, {
                                            "seriesname": "Norton",
                                            "color": "6baa01",
                                            "alpha": "40",
                                            "data": [{"value": "7"}, {"value": "6"}, {"value": "6"}, {"value": "4"}, {"value": "7"}, {"value": "6"}, {"value": "5"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rad02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Radar) 2',
                                image: CONF.img_widgets,
                                imagePos: '-32px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Radar",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Variance Analysis",
                                            "bgcolor": "FFFFFF",
                                            "radarfillcolor": "FFFFFF",
                                            "plotfillalpha": "5",
                                            "plotborderthickness": "2",
                                            "anchoralpha": "100",
                                            "numberprefix": "$",
                                            "numdivlines": "2",
                                            "legendposition": "RIGHT",
                                            "showborder": "0"
                                        },
                                        "categories": [{
                                            "font": "Arial",
                                            "fontsize": "11",
                                            "category": [{"label": "Jan"}, {"label": "Feb"}, {"label": "Mar"}, {"label": "Apr"}, {"label": "May"}, {"label": "Jun"}, {"label": "Jul"}, {"label": "Aug"}, {"label": "Sep"}, {"label": "Oct"}, {"label": "Nov"}, {"label": "Dec"}]
                                        }],
                                        "dataset": [{
                                            "seriesname": "Products",
                                            "color": "CD6AC0",
                                            "anchorsides": "6",
                                            "anchorradius": "2",
                                            "anchorbordercolor": "CD6AC0",
                                            "anchorbgalpha": "0",
                                            "data": [{"value": "1127654"}, {"value": "1226234"}, {"value": "1299456"}, {"value": "1311565"}, {"value": "1324454"}, {"value": "1357654"}, {"value": "1296234"}, {"value": "1359456"}, {"value": "1391565"}, {"value": "1414454"}, {"value": "1671565"}, {"value": "1134454"}]
                                        }, {
                                            "seriesname": "Services",
                                            "color": "0099FF",
                                            "anchorsides": "10",
                                            "anchorbordercolor": "0099FF",
                                            "anchorbgalpha": "0",
                                            "anchorradius": "2",
                                            "data": [{"value": "534241"}, {"value": "556728"}, {"value": "575619"}, {"value": "676713"}, {"value": "665520"}, {"value": "634241"}, {"value": "656728"}, {"value": "675619"}, {"value": "776713"}, {"value": "865520"}, {"value": "976713"}, {"value": "665520"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rad03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Radar) 3',
                                image: CONF.img_widgets,
                                imagePos: '-32px -80px',
                                draggable: true,
                                iniProp: {
                                    chartType: "Radar",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Radar Chart",
                                            "anchoralpha": "0",
                                            "showborder": "0"
                                        },
                                        "categories": [{"category": [{"label": "Index 1"}, {"label": "Index 2"}, {"label": "Index 3"}, {"label": "Index 4"}, {"label": "Index 5"}, {"label": "Index 6"}, {"label": "Index 7"}, {"label": "Index 8"}, {"label": "Index 9"}, {"label": "Index 10"}, {"label": "Index 11"}]}],
                                        "dataset": [{
                                            "seriesname": "Series 1",
                                            "data": [{"value": "9"}, {"value": "9"}, {"value": "9"}, {"value": "7"}, {"value": "8"}, {"value": "8"}, {"value": "9"}, {"value": "9"}, {"value": "9"}, {"value": "7"}, {"value": "8"}]
                                        }, {
                                            "seriesname": "Series 2",
                                            "data": [{"value": "5"}, {"value": "3"}, {"value": "2"}, {"value": "4"}, {"value": "5"}, {"value": "9"}, {"value": "5"}, {"value": "3"}, {"value": "2"}, {"value": "4"}, {"value": "5"}]
                                        }]
                                    }
                                }
                            }
                        ]
                }, /* Ignore this special data structure type
             {id:'xui.FusionChartsXT.7.3',key:'xui.FusionChartsXT.7.3',caption:'$(RAD.widgets.group.multi$-level pie)',group:true, imageClass:'spafont spa-icon-com2',sub:
                [
                    {id:'xui.UI.FC_mlp01',key:'xui.UI.FusionChartsXT', caption:'$(RAD.widgets.fc.multi$-level pie) 1', image:CONF.img_widgets, imagePos:'-48px -80px', draggable:true,
                        iniProp:{
                            chartType:"MultiLevelPie",
                            JSONData:{"chart":{"caption":"Adwords Snapshot","bgcolor":"FFFFFF","pieborderthickness":"2","piebordercolor":"FFFFFF","basefontsize":"9","usehovercolor":"1","hover":"CCCCCC","showlabels":"1","showvalue":"1","showvalueintooltip":"1","hoverfillcolor":"CCCCCC","showborder":"0"},"category":[{"label":"Adwords Clicks","color":"FFFFFF","alpha":"20","category":[{"label":"Development","value":"41","color":"33bdda","category":[{"label":"PHP","value":"15","color":"33bdda"},{"label":"ASP.NET","value":"12","color":"33bdda"},{"label":"RoR","value":"8","color":"33bdda"},{"label":"JSP","value":"6","color":"33bdda"}]},{"label":"Design","value":"54","color":"6baa01","category":[{"label":"Templates","value":"18","color":"6baa01"},{"label":"Banners","value":"27","color":"6baa01"},{"label":"Brochures","value":"9","color":"6baa01"}]},{"label":"Marketing","value":"25","color":"f8bd19","category":[{"label":"SEO","value":"18","color":"f8bd19"},{"label":"PRs","value":"7","color":"f8bd19"}]}]}]}
                        }
                    },
                    {id:'xui.UI.FC_mlp02',key:'xui.UI.FusionChartsXT', caption:'$(RAD.widgets.fc.multi$-level pie) 2', image:CONF.img_widgets, imagePos:'-48px -80px', draggable:true,
                        iniProp:{
                            chartType:"MultiLevelPie",
                            JSONData:{"chart":{"caption":"Organization Chart","bgcolor":"FFFFFF","pieborderthickness":"2","piebordercolor":"FFFFFF","basefontsize":"9","usehovercolor":"1","hoverfillcolor":"CCCCCC","showlabels":"1","showvalue":"1","showvalueintooltip":"1","showborder":"0"},"category":[{"label":"CEO","hovertext":"Chief Technology Officer{br}Mr. Lucas Smith{br}Joined: 1988{br}More details can come here...","color":"#FFFFFF","link":"n-http://www.fusioncharts.com/company/team/","category":[{"label":"CTO","hovertext":"Chief Technology Officer{br}Mr. Ed Harley{br}Joined: 1988","color":"#69a8ff","link":"n-http://www.fusioncharts.com/company/team/","category":[{"label":"Proj. Manager","hovertext":"Project Manager{br}Mr. Daniel Edwards","color":"#69a8ff","category":[{"label":"Design","hovertext":"Design Team{br}Akhil Dhanuka{br}Atrayee{br}Samit Basak","color":"#69a8ff"},{"label":"Coding","hovertext":"Coding Team{br}Sanket Kumar{br}Folko{br}George Baker{br}Andrew Hall{br}Chris Schofield ","color":"#69a8ff"},{"label":"Validate","hovertext":"Validation Team{br} Raju Sharma {br}Ravi Srivastav ","color":"#69a8ff"}]},{"label":"Q & A Manager","hovertext":"Q & A Manager{br}Mr. Lee Chong","color":"#69a8ff","category":[{"label":"Testing Team","hovertext":"Testing Team{br} Nik Arora {br}Jee Chou","color":"#69a8ff"}]},{"label":"Architect","hovertext":"System Architecture Manager{br}Mr. Rajiv Kumar","color":"#69a8ff","category":[{"label":"Study","hovertext":"System Requirement Study Team{br} Raju Sharma {br}Ravi Srivastav","color":"#69a8ff"},{"label":"Design","hovertext":"Design Team{br} Raju Sharma {br}Ravi Srivastav {br}Robin Smith {br}Harry Tofel","color":"#69a8ff"}]}]},{"label":"CFO","hovertext":"Chief Financial Officer{br}Mr. John Smith{br}Joined: 1987","color":"#6fc9ff","link":"n-http://www.fusioncharts.com/company/team/","category":[{"label":"Payables","hovertext":"Accounts Payable Team","color":"#6fc9ff","category":[{"label":"Salary","hovertext":"Team for salary accounts maintenance and upkeep","color":"#6fc9ff"},{"label":"Purchase","hovertext":"Team for accounting of  purchase of S/w and goods","color":"#6fc9ff"},{"label":"Other","hovertext":"Other Payments","color":"#6fc9ff"}]},{"label":"Receivables","hovertext":"Accounts Receivables Team","color":"#6fc9ff","category":[{"label":"SW1","hovertext":"Online Software Receipts Accounts","color":"#6fc9ff"},{"label":"SW2","hovertext":"Physical Software Receipts Accounts","color":"#6fc9ff"},{"label":"SER1","hovertext":"Services Collection","color":"#6fc9ff"},{"label":"SER2","hovertext":"Services Collection (Physical)","color":"#6fc9ff"},{"label":"OTR","hovertext":"Subscription and Other Collections","color":"#6fc9ff"}]}]},{"label":"CIO","hovertext":"Chief Information Officer{br}Mr. David Brown{br}Joined: 1992","color":"#6b8dee","link":"n-http://www.fusioncharts.com/company/team/","category":[{"label":"PR","hovertext":"PR Team","color":"#6b8dee","category":[{"label":"Packaging","hovertext":"Packaging Staff","color":"#6b8dee"},{"label":"Inv Rel.","hovertext":"Investor Relations Upkeep","color":"#6b8dee"},{"label":"Marketing","hovertext":"Marketing & Sales","color":"#6b8dee"}]},{"label":"HR","hovertext":"HR Team","color":"#6b8dee","category":[{"label":"Selection","hovertext":"Selection of Candidates","color":"#6b8dee"},{"label":"Deploying","hovertext":"Deploying at required site","color":"#6b8dee"}]}]}]}]}
                        }
                    },
                    {id:'xui.UI.FC_mlp03',key:'xui.UI.FusionChartsXT', caption:'$(RAD.widgets.fc.multi$-level pie) 3', image:CONF.img_widgets, imagePos:'-48px -80px', draggable:true,
                        iniProp:{
                            chartType:"MultiLevelPie",
                            JSONData:{"chart":{"palette":"1","piefillalpha":"24","hoverfillcolor":"EEEEEE","plotbordercolor":"CCCCCC","showplotborder":"1","basefontsize":"9","usehovercolor":"1","showlabels":"1","caption":"Tom's Friend List","showborder":"0"},"category":[{"label":"Friends","category":[{"label":"His Friends","value":"10","category":[{"label":"Best Friends","hovertext":"Lorraine Allen Hughes{br}Glenda Mason{br}Peter Charles{br}Akhil Dhanuka"},{"label":"Good Friends","hovertext":"Patrick Xavier{br}Claire Taylor{br}Rebecca Coggins{br}Kate Finning"},{"label":"friends","hovertext":"Candy Ashbury{br}Marlene Greenwood-Streeter{br}Ruth Bahnuik{br}Cathy Daly "},{"label":"Acquaintances","hovertext":"Lucille Grading{br}Garry Brookes{br}Joan Borrowscale{br}Ann Kavanagh "},{"label":"haven't met","hovertext":"Blanche Charles{br}Alan Hamer{br}Rosalind Dunning{br}Edna Ellis "}]},{"label":"Our Mutual Friends","value":"5","category":[{"label":"Best Friends","hovertext":"John Beddows{br}Susan Mills{br}Mike Parker{br}Claire Taylor"},{"label":"Good Friends","hovertext":"Sue Weighell{br}Ruth Bahnuik{br}Janice Deverick{br}Gwen Walker"},{"label":"friends","hovertext":"Barbara Barker{br}Janet Sorfleet{br}Joan Jones{br}Carol Patricia Nichols"},{"label":"Acquaintances","hovertext":"William Marner{br}Lindsay Harwood{br}Milton Gray{br}Tony Houghton "},{"label":"haven't met","hovertext":"Susan Curtis{br}Ian Holland{br}Margaret Mckeown{br}Vivian Simmonds"}]}]}]}
                        }
                    }
                ]
            },*/
                {
                    id: 'xui.FusionChartsXT.8',
                    key: 'xui.FusionChartsXT.8',
                    caption: '$(RAD.widgets.group.Real$-time)',
                    group: true,
                    imageClass: 'spafont spa-icon-com2',
                    sub:
                        [
                            {
                                id: 'xui.UI.FC_rtc01',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Line)',
                                image: CONF.img_widgets,
                                imagePos: '-32px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "RealTimeLine",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Real-time stock price monitor",
                                            "subCaption": "Harry's SuperMart",
                                            "xAxisName": "Time",
                                            "yAxisName": "Stock Price",
                                            "numberPrefix": "$",
                                            "refreshinterval": "5",
                                            "yaxisminvalue": "35",
                                            "yaxismaxvalue": "36",
                                            "numdisplaysets": "10",
                                            "labeldisplay": "rotate",
                                            "showValues": "0",
                                            "showRealTimeValue": "0",
                                            "theme": "fint"
                                        },
                                        "categories": [{"category": [{"label": "Day Start"}]}],
                                        "dataset": [{"data": [{"value": "35.27"}]}]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rtc02',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Area)',
                                image: CONF.img_widgets,
                                imagePos: '-608px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "RealTimeArea",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Real-time stock price monitor",
                                            "subCaption": "Harry's SuperMart",
                                            "xAxisName": "Time",
                                            "yAxisName": "Stock Price",
                                            "numberPrefix": "$",
                                            "refreshinterval": "5",
                                            "yaxisminvalue": "35",
                                            "yaxismaxvalue": "36",
                                            "numdisplaysets": "10",
                                            "labeldisplay": "rotate",
                                            "showValues": "0",
                                            "showRealTimeValue": "0",
                                            "paletteColors": "#0075c2,#1aaf5d",
                                            "baseFontColor": "#333333",
                                            "baseFont": "Helvetica Neue,Arial",
                                            "captionFontSize": "14",
                                            "subcaptionFontSize": "14",
                                            "subcaptionFontBold": "0",
                                            "showBorder": "0",
                                            "bgColor": "#ffffff",
                                            "showShadow": "0",
                                            "canvasBgColor": "#ffffff",
                                            "canvasBorderAlpha": "0",
                                            "divlineAlpha": "100",
                                            "divlineColor": "#999999",
                                            "divlineThickness": "1",
                                            "divLineDashed": "1",
                                            "divLineDashLen": "1",
                                            "divLineGapLen": "1",
                                            "usePlotGradientColor": "0",
                                            "showplotborder": "0",
                                            "showXAxisLine": "1",
                                            "xAxisLineThickness": "1",
                                            "xAxisLineColor": "#999999",
                                            "showAlternateHGridColor": "0"
                                        },
                                        "categories": [{"category": [{"label": "Day Start"}]}],
                                        "dataset": [{"data": [{"value": "35.27"}]}]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rtc03',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Column)',
                                image: CONF.img_widgets,
                                imagePos: 'left -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "RealTimeColumn",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Online Transactions per 10 seconds",
                                            "subCaption": "HarrysSupermart.com",
                                            "showrealtimevalue": "1",
                                            "yaxismaxvalue": "10",
                                            "numdisplaysets": "10",
                                            "labeldisplay": "rotate",
                                            "slantLabels": "1",
                                            "showLegend": "0",
                                            "showValues": "0",
                                            "numbersuffix": " Transactions",
                                            "showlabels": "1",
                                            "showRealTimeValue": "0",
                                            "paletteColors": "#0075c2,#1aaf5d",
                                            "baseFontColor": "#333333",
                                            "baseFont": "Helvetica Neue,Arial",
                                            "captionFontSize": "14",
                                            "subcaptionFontSize": "14",
                                            "subcaptionFontBold": "0",
                                            "showBorder": "0",
                                            "bgColor": "#ffffff",
                                            "showShadow": "0",
                                            "canvasBgColor": "#ffffff",
                                            "canvasBorderAlpha": "0",
                                            "divlineAlpha": "100",
                                            "divlineColor": "#999999",
                                            "divlineThickness": "1",
                                            "divLineDashed": "1",
                                            "divLineDashLen": "1",
                                            "divLineGapLen": "1",
                                            "usePlotGradientColor": "0",
                                            "showplotborder": "0",
                                            "valueFontColor": "#ffffff",
                                            "placeValuesInside": "1",
                                            "rotateValues": "1",
                                            "showXAxisLine": "1",
                                            "xAxisLineThickness": "1",
                                            "xAxisLineColor": "#999999",
                                            "showAlternateHGridColor": "0",
                                            "legendBgAlpha": "0",
                                            "legendBorderAlpha": "0",
                                            "legendShadow": "0",
                                            "legendItemFontSize": "10",
                                            "legendItemFontColor": "#666666"
                                        },
                                        "categories": [{"category": [{"label": "Start"}]}],
                                        "dataset": [{
                                            "seriesname": "",
                                            "alpha": "100",
                                            "data": [{"value": "3"}]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rtc04',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Dual Y Line)',
                                image: CONF.img_widgets,
                                imagePos: '-208px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "RealTimeLineDY",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Stock Price Monitor",
                                            "subCaption": "Harry's Supermart",
                                            "captionFontSize": "14",
                                            "subcaptionFontSize": "14",
                                            "baseFontColor": "#333333",
                                            "baseFont": "Helvetica Neue,Arial",
                                            "subcaptionFontBold": "0",
                                            "paletteColors": "#0075c2,#1aaf5d,#f2c500",
                                            "bgColor": "#ffffff",
                                            "canvasBgColor": "#ffffff",
                                            "showBorder": "0",
                                            "showShadow": "0",
                                            "showCanvasBorder": "0",
                                            "showRealTimeValue": "0",
                                            "legendBorderAlpha": "0",
                                            "legendShadow": "0",
                                            "numberprefix": "$",
                                            "setadaptiveymin": "1",
                                            "setadaptivesymin": "1",
                                            "xaxisname": "Time",
                                            "labeldisplay": "Rotate",
                                            "slantlabels": "1",
                                            "pyaxisminvalue": "35",
                                            "pyaxismaxvalue": "36",
                                            "syaxisminvalue": "10000",
                                            "syaxismaxvalue": "12000",
                                            "divlineAlpha": "100",
                                            "divlineColor": "#999999",
                                            "showAlternateHGridColor": "0",
                                            "divlineThickness": "1",
                                            "divLineDashed": "1",
                                            "divLineDashLen": "1",
                                            "divLineGapLen": "1",
                                            "numDisplaySets": "10"
                                        },
                                        "categories": [{"category": [{"label": "Day Start"}]}],
                                        "dataset": [{
                                            "seriesname": "HRYS Price",
                                            "showvalues": "0",
                                            "data": [{"value": "35.1"}]
                                        }, {
                                            "seriesname": "NYSE Index",
                                            "showvalues": "0",
                                            "parentyaxis": "S",
                                            "data": [{"value": "10962.87"}]
                                        }],
                                        "trendlines": [{
                                            "line": [{
                                                "parentyaxis": "P",
                                                "startvalue": "35.1",
                                                "displayvalue": "Open",
                                                "thickness": "1",
                                                "color": "#0075c2",
                                                "dashed": "1"
                                            }, {
                                                "parentyaxis": "S",
                                                "startvalue": "10962.87",
                                                "displayvalue": "Open",
                                                "thickness": "1",
                                                "color": "#1aaf5d",
                                                "dashed": "1"
                                            }]
                                        }]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rtc05',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Stacked Area)',
                                image: CONF.img_widgets,
                                imagePos: '-368px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "RealTimeStackedArea",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Live Visitors on Site",
                                            "subCaption": "Updated every 5 seconds",
                                            "xAxisName": "Time",
                                            "yAxisName": "No. of visitors",
                                            "numberSuffix": "s",
                                            "refreshinterval": "5",
                                            "yaxisminvalue": "0",
                                            "yaxismaxvalue": "60",
                                            "numdisplaysets": "10",
                                            "labeldisplay": "rotate",
                                            "showValues": "0",
                                            "showRealTimeValue": "0",
                                            "paletteColors": "#0075c2,#1aaf5d",
                                            "baseFontColor": "#333333",
                                            "baseFont": "Helvetica Neue,Arial",
                                            "captionFontSize": "14",
                                            "subcaptionFontSize": "14",
                                            "subcaptionFontBold": "0",
                                            "showBorder": "0",
                                            "bgColor": "#ffffff",
                                            "showShadow": "0",
                                            "usePlotGradientColor": "0",
                                            "showPlotBorder": "0",
                                            "canvasBgColor": "#ffffff",
                                            "canvasBorderAlpha": "0",
                                            "divlineAlpha": "100",
                                            "divlineColor": "#999999",
                                            "divlineThickness": "1",
                                            "divLineDashed": "1",
                                            "divLineDashLen": "1",
                                            "divLineGapLen": "1",
                                            "showXAxisLine": "1",
                                            "xAxisLineThickness": "1",
                                            "xAxisLineColor": "#999999",
                                            "showAlternateHGridColor": "0",
                                            "legendBgAlpha": "0",
                                            "legendBorderAlpha": "0",
                                            "legendShadow": "0",
                                            "legendItemFontSize": "10",
                                            "legendItemFontColor": "#666666"
                                        },
                                        "categories": [{"category": [{"label": "Day Start"}]}],
                                        "dataset": [{
                                            "seriesName": "clothing.hsm.com",
                                            "data": [{"value": "12"}]
                                        }, {"seriesName": "food.hsm.com", "data": [{"value": "20"}]}]
                                    }
                                }
                            },
                            {
                                id: 'xui.UI.FC_rtc06',
                                key: 'xui.UI.FusionChartsXT',
                                caption: '$(RAD.widgets.fc.Stacked Column)',
                                image: CONF.img_widgets,
                                imagePos: '-304px -64px',
                                draggable: true,
                                iniProp: {
                                    chartType: "RealTimeStackedColumn",
                                    dock: 'fill',
                                    JSONData: {
                                        "chart": {
                                            "caption": "Live Visitors on Site",
                                            "subCaption": "Every 5 seconds",
                                            "xAxisName": "Time",
                                            "yAxisName": "No. of visitors",
                                            "refreshinterval": "5",
                                            "numberSuffix": "s",
                                            "yaxisminvalue": "0",
                                            "yaxismaxvalue": "60",
                                            "numdisplaysets": "10",
                                            "labeldisplay": "rotate",
                                            "showValues": "1",
                                            "showRealTimeValue": "0",
                                            "paletteColors": "#0075c2,#1aaf5d",
                                            "baseFontColor": "#333333",
                                            "baseFont": "Helvetica Neue,Arial",
                                            "captionFontSize": "14",
                                            "subcaptionFontSize": "14",
                                            "subcaptionFontBold": "0",
                                            "showBorder": "0",
                                            "bgColor": "#ffffff",
                                            "showShadow": "0",
                                            "usePlotGradientColor": "0",
                                            "showPlotBorder": "0",
                                            "valueFontColor": "#ffffff",
                                            "placeValuesInside": "1",
                                            "canvasBgColor": "#ffffff",
                                            "canvasBorderAlpha": "0",
                                            "divlineAlpha": "100",
                                            "divlineColor": "#999999",
                                            "divlineThickness": "1",
                                            "divLineDashed": "1",
                                            "divLineDashLen": "1",
                                            "divLineGapLen": "1",
                                            "showXAxisLine": "1",
                                            "xAxisLineThickness": "1",
                                            "xAxisLineColor": "#999999",
                                            "showAlternateHGridColor": "0",
                                            "legendBgAlpha": "0",
                                            "legendBorderAlpha": "0",
                                            "legendShadow": "0",
                                            "legendItemFontSize": "10",
                                            "legendItemFontColor": "#666666"
                                        },
                                        "categories": [{"category": [{"label": "Day Start"}]}],
                                        "dataset": [{
                                            "seriesName": "clothing.hsm.com",
                                            "data": [{"value": "12"}]
                                        }, {"seriesName": "food.hsm.com", "data": [{"value": "20"}]}]
                                    }
                                }
                            }
                        ]
                }


            ]
        }
    ]
    ;

// To set tips for widgets in the left Tool Box
    (function (items, hash) {
        var self = arguments.callee;
        xui.arr.each(items, function (o) {
            hash[o.id] = o;
            if (o.sub && o.sub.length) {
                self(o.sub, hash);
                //  o.tips = "$RAD.designer.openwidgets";
                o.tips = o.caption || "$RAD.designer.openwidgets";
            } else if (o.key && xui.str.startWith(o.key, 'xui.svg')) {
                o.tips = "<div class='xui-uiborder-b' style='padding:4px'>" + o.caption + "</div><div style='text-align:right'><em>$RAD.designer.dragwidget2</em></div>";
            } else
                o.tips = "<div class='xui-uiborder-b' style='padding:4px'>" + o.caption + "</div><div style='text-align:right'><em>$RAD.designer.dragwidget1</em></div>";
        });
    }(CONF.widgets, CONF.mapWidgets = {}));
}